.coupon{width:100%;min-height:4.4rem;border-radius:var(--buttons-radius);overflow:hidden;position:relative;cursor:pointer}.coupon__front{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-button),var(--alpha-button-background));overflow:hidden;gap:10px;padding:0 1rem;z-index:1;color:rgb(var(--color-button-text));transition:all .35s}.coupon__back{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 1rem;background-color:#fff;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.coupon__front svg{width:3rem;height:2rem;color:rgb(var(--color-button-text))}.coupon__back svg{width:2.4rem;height:2.4rem;transform:rotate(45deg);color:rgb(var(--color-foreground))}.coupon__corner{position:absolute;top:0;right:0;height:19px;width:19px;z-index:2;background:#fff;transition:all .35s;overflow:hidden}.coupon:hover .coupon__corner{height:32px;width:32px}.coupon__corner--inner{background-color:inherit;background-blend-mode:multiply;width:0;height:0;opacity:1;border-style:solid;border-width:12rem 0 0 12rem;border-color:transparent transparent transparent rgb(var(--color-secondary-button-text));transition:transform .35s,border .35s;transform-origin:right top}coupon-element.active .coupon__corner{height:450px!important;width:450px!important;opacity:0}coupon-element.active .coupon__front{opacity:0}coupon-element.active .coupon__back{border:solid 1px rgba(var(--color-foreground),.3);border-radius:var(--buttons-radius)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-coupon.css.map */