.offer-banner{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--ob-radius);color:rgb(var(--color-foreground))}.offer-banner--full{border-radius:0}.offer-banner.offer-banner--custom-bg{background:var(--ob-background)}.offer-banner__inner{position:relative;z-index:1;display:grid;gap:3.2rem;align-items:center;padding-top:4.8rem;padding-bottom:4.8rem}.offer-banner:not(.offer-banner--full) .offer-banner__inner{padding-inline:2.4rem}@media screen and (min-width:990px){.offer-banner__inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6.4rem;padding-top:6.4rem;padding-bottom:6.4rem}.offer-banner:not(.offer-banner--full) .offer-banner__inner{padding-inline:5.6rem}}.offer-banner__circle{position:absolute;display:block;z-index:0;width:var(--ob-circle-size);height:var(--ob-circle-size);border-radius:50%;overflow:hidden;background:#ffffff1f;transform:translate(-50%,-50%);pointer-events:none}.offer-banner__circle--image{background:none;box-shadow:0 1.6rem 4rem #0000002e}.offer-banner__circle img{display:block;width:100%;height:100%;object-fit:cover}.offer-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}.offer-banner .section-heading--banner{--sh-accent: var(--ob-accent);gap:1.2rem;max-width:64rem;margin:0}.offer-banner .section-heading--banner .section-heading__title{color:inherit}.offer-banner .section-heading--banner .section-heading__description{color:rgba(var(--color-foreground),.85)}.offer-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:5.2rem;padding:0 3.2rem;border-radius:var(--buttons-radius-outset);background:var(--ob-accent);color:var(--ob-accent-text);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.6rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.offer-banner__button:hover{transform:translateY(-2px);box-shadow:0 1rem 2.4rem #0003}.offer-banner__button--block{width:100%}.offer-banner__button .svg-wrapper{width:1.4rem;height:1.4rem;transition:transform .25s ease}.offer-banner__button:hover .svg-wrapper{transform:translate(3px)}.offer-banner__side{display:flex;flex-direction:column;gap:1.2rem}.offer-banner__coupon{display:block}.offer-banner__coupon-button{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:2.4rem;border:2px dashed var(--ob-accent);border-radius:1.6rem;background:#ffffff14;color:inherit;cursor:pointer;transition:background .25s ease,transform .25s ease}.offer-banner__coupon-button:hover{background:#ffffff24;transform:translateY(-2px)}.offer-banner__coupon-button:focus-visible{outline:2px solid var(--ob-accent);outline-offset:3px}.offer-banner__code{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.8rem;letter-spacing:.14em;color:var(--ob-accent)}@media screen and (min-width:750px){.offer-banner__code{font-size:3.2rem}}.offer-banner__coupon-label{font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight-bold);letter-spacing:.14em;text-transform:uppercase;opacity:.8}.offer-banner__coupon-label[hidden]{display:none}.offer-banner__coupon.is-copied .offer-banner__coupon-button{border-style:solid}.offer-banner__note{margin:0;font-size:1.3rem;text-align:center;opacity:.75}@media screen and (max-width:749px){.offer-banner__button{min-height:4.2rem;padding:0 2.4rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-offer-banner.css.map */
