.promotions{padding-top:6rem;padding-bottom:12rem}.title{margin-bottom:2rem}.grid-container{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}.card{position:relative;width:400px;overflow:hidden}.card-img-wrapper{position:relative;width:100%;height:100%}.card-img{object-fit:cover;display:block}.card-img,.overlay{width:100%;height:100%}.overlay{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.card-img-wrapper:hover .overlay{opacity:1;pointer-events:auto}.overlay-btn{padding:10px 20px;background:#fff;color:#000;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.promotion-container.expire-date{color:#ffffff;margin:0}hr.solid{border:1px solid #dcd7cf40;width:25%;margin:16px 0}@media (min-width:1400px){.promotion-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:640px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.grid-container{justify-items:center}}@media (min-width:1024px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:500px){.card{width:320px}}