.discount-banner{display:block;margin:1rem 0 1.5rem}.discount-banner__button{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label price" "code sale" "hint hint";column-gap:1.2rem;row-gap:.2rem;align-items:center;width:100%;padding:1.2rem 1.5rem;font:inherit;text-align:left;color:rgb(var(--color-foreground));background-color:rgba(var(--color-button),.06);border:.1rem dashed rgba(var(--color-button),.7);border-radius:.6rem;cursor:pointer;transition:background-color var(--duration-short) ease}.discount-banner__button:hover{background-color:rgba(var(--color-button),.12)}.discount-banner__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.discount-banner__label{grid-area:label;font-size:1.1rem;letter-spacing:.1rem;text-transform:uppercase;opacity:.75;margin-bottom:.2rem}.discount-banner__price{grid-area:price;justify-self:end;font-size:1.1rem;opacity:.75}.discount-banner__code-row{grid-area:code;display:flex;align-items:center;gap:.8rem;min-width:0}.discount-banner__icon{flex-shrink:0;display:flex}.discount-banner__icon svg{width:1.8rem;height:1.8rem}.discount-banner__code{font-size:1.6rem;font-weight:700;letter-spacing:.06rem;overflow-wrap:anywhere}.discount-banner__sale-price{grid-area:sale;justify-self:end;font-size:1.6rem;font-weight:700;color:#ef4444}.discount-banner__hint{grid-area:hint;font-size:1.2rem;opacity:.75}.discount-banner.is-loading .discount-banner__button{opacity:.6;pointer-events:none}.discount-banner.is-applied .discount-banner__button{border-style:solid;cursor:default}.discount-banner.is-applied .discount-banner__hint{opacity:1;font-weight:600}@media screen and (max-width:480px){.discount-banner__button{column-gap:1rem;padding:1.1rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-discount-banner.css.map */