.pattern-card-component-wrapper{width:100%;margin:12px}@media (width>=375px){.pattern-card-component-wrapper{width:calc(50% - 24px)}}@media (width>=768px){.pattern-card-component-wrapper{width:calc(33% - 24px)}}@media (width>=992px){.pattern-card-component-wrapper{width:calc(25% - 24px)}}@media (width>=1200px){.pattern-card-component-wrapper{width:calc(20% - 24px)}}.pattern-card-component:hover{text-decoration:none}.pattern-card-component:hover .pattern-card{border:1px solid var(--surface-brand-700)}.pattern-card-component .pattern-card{cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;transition:border-color .3s;display:flex}.pattern-card-component .pattern{letter-spacing:.3px;text-transform:uppercase;color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:500}.pattern-card-component .number{text-align:center;color:var(--text-primary);font-size:24px;font-weight:300;line-height:28px}