.discount-code__wrapper{width:max-content}.discount-code__inner{position:relative;display:flex;gap:.2rem;cursor:pointer;font-weight:400;padding-block-start:var(--spacing-0-5);padding-block-end:var(--spacing-0-5);padding:.188rem var(--spacing-2);width:max-content;color:#fff;border-radius:var(--rounded-button);align-items:center}.discount-code__text.bold,.discount-code__code{font-weight:700}.discount-code__wrapper .text--xs{font-size:var(--text-xs)}.discount-code__wrapper .text--sm{font-size:var(--text-sm)}.discount-code__wrapper .text--base{font-size:var(--text-base)}.discount-code__wrapper .bg--1{background:#f83a3a}.discount-code__wrapper .bg--2{background:#ffb74a}.discount-code__wrapper .bg--3{background:#000}.discount-code__wrapper .bg--4{background:#7ac298}.discount-code__toast::after{border-color:#fff0 #fff0 #000;border-style:solid;border-width:.4rem;bottom:100%;content:''}.discount-code__toast,.discount-code__toast::after{position:absolute;left:50%;translate:-50%}.discount-code__toast{position:absolute;background-color:#000;border-radius:var(--rounded-button);color:#fff;max-width:10rem;opacity:0;padding:.5rem;text-align:center;top:calc(100% + 1.125rem);transition:opacity 0.3s ease-out,visibility 0.3s ease-out;visibility:hidden;width:max-content;z-index:1;pointer-events:none;font-family:var(--font-family-text);font-size:var(--text-xs);line-height:100%}.discount-code__wrapper.active .discount-code__toast{opacity:1;visibility:visible}.discount-code__wrapper.active .discount-code__icon{animation:transformInOut 0.3s ease-out}@keyframes transformInOut{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}