.wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));grid-gap:6px;padding:0 20px;&>a>div{border-radius:38px}}.row.wrapper a{display:flex;justify-content:center;align-items:center}.card.card-area-course{width:255px;height:346px;position:relative;margin-bottom:30px;box-shadow:0 20px 50px rgba(0,0,0,.22);background-repeat:no-repeat!important;background-size:cover!important;background-position:50%!important;box-shadow:0 20px 50px rgba(0,0,0,.55);transition:transform .4s ease;&:hover{transform:scale(1.06)}}.card-body{display:flex;justify-content:center}h5.card-title{position:absolute;bottom:10px;color:#fff;font-family:Krona One,sans-serif}.button-card{font-size:.6rem;cursor:pointer;border:1px solid #fff;background:hsla(0,0%,100%,0);padding:9px;color:#fff;border-radius:50px}@media (max-width:375px){.wrapper{padding:0 2px}}@media (max-width:768px){.wrapper{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.row.wrapper a{margin:0;padding:0}.card.card-area-course{width:100%;height:260px;margin-bottom:11px;background-position:50%}}