.grid__item--compare-promo{list-style:none}@media screen and (min-width:750px){.grid__item--compare-promo{grid-column:span 2;grid-row:span 2}}@media screen and (max-width:749px){.grid__item--compare-promo{width:100%;max-width:100%;flex-basis:100%;order:999;grid-column:1 / -1;aspect-ratio:393 / 600}}.collection-compare-promo{position:relative;display:block;height:100%;overflow:hidden;text-decoration:none;background:#c5eaff;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.collection-compare-promo:hover,.collection-compare-promo:focus-visible{transform:translateY(-2px);box-shadow:0 12px 32px #1a1aa838;outline:none}.collection-compare-promo:focus-visible{box-shadow:0 0 0 3px #0670fa73,0 12px 32px #1a1aa838}.collection-compare-promo__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.collection-compare-promo__image img{width:100%;height:100%;object-fit:cover;display:block}.collection-compare-promo__body{position:absolute;left:0;right:0;bottom:0;background:#1a1aa8;padding:28px 32px;display:flex;flex-direction:column;gap:18px}.collection-compare-promo__heading{font-family:"Motter Corpus Std",var(--font-heading-family);font-weight:400;font-size:clamp(1.8rem,2.2vw,3rem);line-height:1.05;margin:0;color:#eff9ff}.collection-compare-promo__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;background:#0670fa;color:#fcfcfd;border:2px solid #ffffff;border-radius:4px;font-family:"Fixel Display",var(--font-heading-family),sans-serif;font-weight:600;font-size:1.8rem;padding:12px 32px;transition:background .15s ease}.collection-compare-promo__cta svg{width:18px;height:12px;transition:transform .2s ease}.collection-compare-promo:hover .collection-compare-promo__cta{background:#0463d6}.collection-compare-promo:hover .collection-compare-promo__cta svg{transform:translate(3px)}@media screen and (max-width:749px){.collection-compare-promo__body{padding:20px 20px 22px;gap:14px}.collection-compare-promo__heading{font-size:2rem;line-height:1.1}.collection-compare-promo__cta{font-size:1.4rem;padding:10px 22px}}
/*# sourceMappingURL=/cdn/shop/t/683/assets/collection-compare-promo.css.map */