.cta-banner{position:relative;display:flex;align-items:center;justify-content:center;height:350px;isolation:isolate;background-image:var(--image-background-mobile, var(--image-background));background-size:cover}.cta-banner picture{opacity:0}@media screen and (min-width:750px){.cta-banner{height:100vh;min-height:600px;background-attachment:fixed;background-image:var(--image-background)}}.cta-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cta-banner__media:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#0003}.cta-banner__image,.cta-banner__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cta-banner__image.placeholder{width:100%;height:100%}.cta-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgba(0,0,0,var(--overlay-opacity, .2))}.cta-banner__content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding-inline:var(--gutter)}.cta-banner__tokens{display:flex;flex-wrap:wrap;align-items:center;gap:10px;text-decoration:none;color:currentColor;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style)}@media screen and (min-width:750px){.cta-banner__tokens{gap:13px}}.cta-banner__token{display:flex;align-items:center;justify-content:center;padding:17px 16px;border:1.5px solid currentColor;font-size:20px;font-weight:400;font-style:normal;line-height:1;letter-spacing:.2px;white-space:nowrap;transition:all .6s}.cta-banner__token--pill{border-radius:30px}.cta-banner__token--rounded{border-radius:12.5px}@media screen and (min-width:750px){.cta-banner__token{padding:35px 38px;font-size:52px;letter-spacing:0;border-width:2.5px}.cta-banner__token--rounded{border-radius:24.5px}.cta-banner__token--pill{border-radius:70px}}@media(hover:hover){.cta-banner__tokens:hover .cta-banner__token--rect{border-radius:110px}.cta-banner__tokens:hover .cta-banner__token--pill{border-radius:29px}.cta-banner__tokens:hover .cta-banner__token--rounded{border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-cta-banner.css.map */
