.border-box{box-sizing:border-box;-moz-box-sizing:border-box} #offer-tiles{gap:2rem} #offer-tiles .offer{width:calc(50% - 1rem);background-color:#006fd0;background-size:cover;background-position:50% 50%} #offer-tiles .offer-content, #offer-tiles .offer-content *{color:#fff;text-shadow:0 0 .2rem rgba(0,0,0,0.5)} #offer-tiles .offer-content{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,111,208,0.7));background:-webkit-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,111,208,0.7))} #offer-tiles .offer-content:hover{background:linear-gradient(90deg,rgba(0,0,0,0),#006fd0);background:-webkit-linear-gradient(90deg,rgba(0,0,0,0),#006fd0)} @media (max-width:1000px){#offer-tiles{gap:1rem} #offer-tiles .offer{width:100%}}#offers-tiles{gap:2rem} #offers-tiles a.offers-tile, #offers-tiles a.offers-tile *{color:#006fd0} #offers-tiles a.offers-tile{border:.8rem solid transparent;background:linear-gradient(white,white) padding-box, conic-gradient(from 45deg,#006fd0,#fff) border-box;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} @media (max-width:1000px){#offers-tiles{gap:1rem} #offers-tiles .offers{width:100%}}