.offers__title{margin-bottom:40px}.offers__grid{display:grid;gap:30px}.offers__grid>.offers__item{background:#f1f7ff;border-radius:20px;box-shadow:0 4px 12px rgba(108,125,169,.3);overflow:hidden}.offers__content{padding:20px 25px 25px}.offer__image{height:180px;overflow:hidden}.offer__image img{aspect-ratio:auto 315/180;height:100%;object-fit:cover;width:100%}.offers__content>h3{font-size:18px;font-weight:400;margin:0 0 10px}.offers__content>p{min-height:72px}.offers__content a.primary{background:linear-gradient(180deg,#fb1473 .31%,#f72717 100.16%);border-radius:29px;color:#fff;display:flex;font-size:17px;line-height:50px;padding:0 75px 0 50px;position:relative;width:fit-content}.offers__content a.primary:hover{background:linear-gradient(180deg,#f72717 .31%,#fb1473 100.16%)}.offers__content a.primary:after{background-image:url(https://491231.fs1.hubspotusercontent-na1.net/hubfs/491231/site_edenred_mx/images/svg/arow_white.svg);background-size:contain;content:"";height:24px;position:absolute;right:40px;top:50%;transform:translateY(-50%);transition:all .4s ease-in-out;width:24px}.offers__content a.secondary{align-items:center;background:linear-gradient(180deg,#f1f7ff,#e9f2ff);border:2px solid #fff;border-radius:50px;box-shadow:1px 2px 5px #8abdf199;color:#28292c;display:flex;font-size:17px;gap:15px;line-height:50px;padding:0 75px 0 50px;position:relative;width:fit-content}.offers__content a.secondary:hover{background:linear-gradient(180deg,#e9f2ff,#f1f7ff)}.offers__content a.secondary:after,.offers__content a.simple:after{background-image:url(https://www.edenred.mx/hubfs/site_edenred_mx/images/svg/Out.svg)!important;background-size:contain;content:"";height:24px;position:absolute;right:40px;top:50%;transform:translateY(-50%);transition:all .4s ease-in-out;width:24px}.offers__content a.simple:after{right:15px}.offers__content a.simple{background:transparent;border:0;border-radius:29px;color:#000;display:flex;font-size:17px;padding:10px 50px 10px 0;position:relative;width:fit-content}.offers__content a.primary:hover:after,.offers__content a.secondary:hover:after,.offers__content a.simple:hover:after{transform:translate(10px,-50%)}@media (max-width:594px){.offers__grid{grid-template-columns:1fr}}@media (min-width:595px) and (max-width:899px){.offers__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.offers__grid{grid-template-columns:repeat(4,1fr)}}