.pattern-card-component-wrapper{width:100%;margin:12px}@media(min-width:375px){.pattern-card-component-wrapper{width:calc(50% - 24px)}}@media(min-width:768px){.pattern-card-component-wrapper{width:calc(33% - 24px)}}@media(min-width:992px){.pattern-card-component-wrapper{width:calc(25% - 24px)}}@media(min-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;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;transition:border-color .3s}.pattern-card-component .pattern{font-weight:500;font-size:16px;letter-spacing:.3px;text-transform:uppercase;color:var(--text-primary);margin-bottom:16px}.pattern-card-component .number{font-weight:300;font-size:24px;line-height:28px;text-align:center;color:var(--text-primary)}