.button{--button-height: 48px;--button-icon: 20px;--button-glass-blur: 8px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--button-height);padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);font-family:var(--font-interface);font-size:var(--text-14);font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.55}.button[aria-busy=true]{cursor:wait;opacity:1}.button svg{width:var(--button-icon);height:var(--button-icon);flex:none}.button.primary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-paper)}.button.primary:hover:not(:disabled){border-color:var(--color-brand-dark);background:var(--color-brand-dark);color:var(--color-paper)}.button.secondary{border-color:var(--color-ink);color:var(--color-ink)}.button.secondary:hover:not(:disabled){background:var(--color-ink);color:var(--color-paper)}.button.glass{border-color:color-mix(in srgb,var(--color-paper) 50%,transparent);background:color-mix(in srgb,var(--color-paper) 14%,transparent);color:var(--color-paper);-webkit-backdrop-filter:blur(var(--button-glass-blur));backdrop-filter:blur(var(--button-glass-blur))}.button.glass:hover:not(:disabled){background:var(--color-paper);color:var(--color-ink)}.button.large{--button-height: 56px}.button.small{--button-height: 40px;padding:0 var(--space-3);font-size:var(--text-12)}.button.full-width{width:100%}.button__divider{align-self:stretch;width:1px;margin:var(--space-3) var(--space-1);background:currentColor;opacity:.4}.button__price{font-variant-numeric:tabular-nums}.button.primary.is-waiting{border-color:var(--color-border);background:transparent;color:var(--color-ink-soft)}.button.primary.is-waiting:hover:not(:disabled){background:var(--color-wash);color:var(--color-ink)}.spinner{--spinner-size: 16px;--spinner-duration: .7s;width:var(--spinner-size);height:var(--spinner-size);border:2px solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius-pill);animation:fl-spin var(--spinner-duration) linear infinite}@keyframes fl-spin{to{transform:rotate(1turn)}}.text-button{--text-button-height: 44px;display:inline-flex;align-items:center;justify-content:center;min-height:var(--text-button-height);color:var(--color-brand);font-size:var(--text-14);font-weight:600;text-decoration:underline;text-underline-offset:4px;-webkit-tap-highlight-color:transparent}.text-button:hover{color:var(--color-brand-dark)}.link-arrow{--link-arrow-icon: 16px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 0 var(--space-1);border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font-size:var(--text-14);font-weight:600;letter-spacing:.03em;text-decoration:none;white-space:nowrap;cursor:pointer}.link-arrow svg{width:var(--link-arrow-icon);height:var(--link-arrow-icon);flex:none;transition:transform var(--duration-base) var(--ease-out)}.link-arrow:hover svg{transform:translate(2px)}.icon-button{--icon-button-size: 44px;--icon-button-icon: 20px;--icon-button-hover: color-mix(in srgb, var(--color-ink) 6%, transparent);position:relative;display:inline-grid;place-items:center;width:var(--icon-button-size);min-width:var(--icon-button-size);height:var(--icon-button-size);flex:none;border-radius:var(--radius-pill);color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.icon-button:hover:not(:disabled){background:var(--icon-button-hover)}.icon-button svg{width:var(--icon-button-icon);height:var(--icon-button-icon)}.icon-button.on-paper{background:var(--color-paper)}.icon-button.inverse,.icon-button.on-media{color:var(--color-paper)}.icon-button.inverse{--icon-button-hover: color-mix(in srgb, var(--color-paper) 12%, transparent)}.icon-button.on-media{--icon-button-icon: 16px;--icon-button-blur: 8px;--icon-button-hover: color-mix(in srgb, var(--color-ink) 70%, transparent);background:color-mix(in srgb,var(--color-ink) 45%,transparent);-webkit-backdrop-filter:blur(var(--icon-button-blur));backdrop-filter:blur(var(--icon-button-blur))}.icon-button__count{--count-size: 16px;--count-offset: 4px;position:absolute;top:var(--count-offset);right:0;display:grid;place-items:center;min-width:var(--count-size);height:var(--count-size);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-brand);color:var(--color-paper);font-size:var(--text-12);font-weight:700;line-height:1;transform:scale(0);transition:transform var(--duration-base) var(--ease-out)}.icon-button__count:not([data-count="0"]):not(:empty){transform:scale(1)}.chip{--chip-height: 36px;--chip-icon: 12px;display:inline-flex;flex:none;align-items:center;gap:var(--space-2);min-height:var(--chip-height);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-14);font-weight:600;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.chip:hover{border-color:var(--color-ink);color:var(--color-ink)}.chip[aria-current=page],.chip[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.chip__count{color:var(--color-ink-faint);font-variant-numeric:tabular-nums}.chip[aria-current=page] .chip__count,.chip[aria-pressed=true] .chip__count{color:color-mix(in srgb,var(--color-paper) 60%,transparent)}.chip svg{width:var(--chip-icon);height:var(--chip-icon)}.chip--removable:hover{border-color:var(--color-brand);color:var(--color-brand)}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-inline-end-color:currentColor;opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-button.css.map */