.code-banner{display:inline-flex;padding:var(--space--xxx-sm) var(--space--x-sm);justify-content:center;align-items:center;gap:4px 8px;align-self:stretch;border-radius:var(--border-radius--md);background:var(--background-color--discount);width:auto;height:auto!important}.code-banner__code{text-transform:uppercase}.code-banner__copy-btn{position:relative;display:flex;padding:var(--space--xxx-sm) var(--space--xx-sm);justify-content:center;align-items:center;border-radius:var(--border-radius--md);overflow:hidden}.code-banner__copy-btn:active{transform:scale(.95)}.code-banner__copy-btn-layout{display:flex;justify-content:center;align-items:center;gap:8px}.code-banner__copy-btn-layout--after{background:#a3001f;opacity:0;top:0;left:0;width:100%;height:100%;position:absolute;z-index:1}.isActive .code-banner__copy-btn-layout--after{opacity:1}.code-banner__copy-btn-layout--after svg{width:20px;height:20px;flex-shrink:0}.code-banner__copy-btn-layout--before svg{width:16px;height:20px;flex-shrink:0}.code-banner__copy-btn-layout.code-banner__copy-btn-layout--before:before{content:"";display:inline-block;width:var(--space--x-sm);height:var(--space--x-sm);background:red;border-radius:var(--border-radius--lg);margin-left:calc(var(--space--xxx-sm) * -1);animation-name:dotPulse;animation-duration:1s;animation-iteration-count:infinite}@keyframes dotPulse{0%{opacity:1}to{opacity:.25}}@media (max-width: 767px){.code-banner{flex-wrap:wrap}.code-banner copy-clipboard,.code-banner .code-banner__copy-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/code-banner.css.map */