.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border:1px solid transparent;border-radius:var(--radius);font-family:var(--font-heading);font-size:.9375rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;transition:transform .3s var(--ease-premium, ease),background-color .3s var(--ease-premium, ease),border-color .3s var(--ease-premium, ease),box-shadow .3s var(--ease-premium, ease),color .3s var(--ease-premium, ease);will-change:transform}.button:active{transform:scale(.98)}.button--full{width:100%}.button--lg{padding:19px 40px;font-size:1rem}.button--sm{padding:11px 20px;font-size:.8125rem}.button--primary{background:var(--color-cta);color:var(--color-cta-text)}.button--primary:hover{background:var(--color-cta-hover);box-shadow:0 8px 24px -8px color-mix(in srgb,var(--color-cta) 55%,transparent);transform:translateY(-1px) scale(1.01)}.button--secondary{background:transparent;border-color:color-mix(in srgb,var(--color-text) 25%,transparent);color:var(--color-text)}.button--secondary:hover{border-color:var(--color-accent-light);background:color-mix(in srgb,var(--color-accent) 12%,transparent);transform:translateY(-1px)}.button--ghost{background:transparent;color:var(--color-text);padding-inline:4px}.button--ghost:after{content:"";position:absolute;left:4px;right:4px;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-premium, ease)}.button--ghost:hover:after{transform:scaleX(1);transform-origin:left}.button--dark{background:var(--color-text);color:var(--color-bg)}.button--dark:hover{background:var(--color-accent);color:#fff}.button:disabled,.button[aria-disabled=true]{opacity:.45;pointer-events:none;transform:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid transparent;color:var(--color-text);transition:background-color .3s var(--ease-premium, ease),border-color .3s var(--ease-premium, ease),transform .3s var(--ease-premium, ease)}.icon-button:hover{background:color-mix(in srgb,var(--color-accent) 16%,transparent);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);transform:scale(1.05)}.icon-button svg{width:20px;height:20px}.icon-button__count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-accent);color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center}.button--loading{color:transparent!important;pointer-events:none}.button--loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-cta-text) 30%,transparent);border-top-color:var(--color-cta-text);animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/buttons.css.map */