.wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:6px;padding:0 20px}.card.card-area-course{width:280px;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}.card-body{display:flex;justify-content:center}h5.card-title{position:absolute;bottom:10px;color:#ffff}.button-card,h5.card-title{font-family:Krona One,sans-serif}.button-card{background:#f5c518;border:1px solid #ffdb70;border-radius:12px;color:#1d1500;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.02em;min-height:44px;padding:11px 20px;text-transform:uppercase;transition:all .2s ease;width:100%;box-shadow:0 8px 24px rgba(0,0,0,.28)}.button-card:hover{background:#ffd23a;transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.32)}.button-card:focus-visible{outline:2px solid #ffe48a;outline-offset:2px}@media (max-width:375px){.wrapper{padding:0 1px}}@media (max-width:768px){.wrapper{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));padding:0 3px}.row.wrapper a{margin:0;padding:0}.card.card-area-course{width:100%;height:260px;margin-bottom:11px;background-position:50%}}