@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--control-height);padding-block:var(--space-3);padding-inline:var(--space-6);border:var(--border-width) solid var(--color-espresso);border-radius:var(--radius-sm);background-color:var(--color-espresso);color:var(--color-paper);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-align:center;text-decoration:none;text-transform:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.button{max-inline-size:100%;overflow-wrap:break-word}.button>*{min-inline-size:0}.button .svg-wrapper,.button>svg{flex-shrink:0}.button:hover,.button--primary:hover{background-color:var(--color-ink);border-color:var(--color-ink)}.button--secondary{background-color:transparent;border-color:var(--color-ink);color:var(--color-ink)}.button--secondary:hover{background-color:var(--color-steel);border-color:var(--color-ink);color:var(--color-ink)}.button--tertiary{min-block-size:var(--control-height);padding-block:var(--space-2);padding-inline:var(--space-2);border-color:transparent;background-color:transparent;color:var(--color-ink-soft)}.button--tertiary:hover{background-color:transparent;border-color:transparent;color:var(--color-ink)}.button--tertiary:not(:has(svg)){text-decoration:underline;text-decoration-color:var(--color-brass);text-underline-offset:2px}.button:active:not([disabled]):not([aria-disabled=true]){transition-duration:0s}.button:active:not([disabled]):not([aria-disabled=true]),.button--primary:active:not([disabled]):not([aria-disabled=true]){background-color:var(--color-ink);border-color:var(--color-ink)}.button--secondary:active:not([disabled]):not([aria-disabled=true]){background-color:var(--color-steel);border-color:var(--color-ink);color:var(--color-ink)}.button--tertiary:active:not([disabled]):not([aria-disabled=true]){background-color:transparent;border-color:transparent;color:var(--color-ink)}.button--full-width{display:flex;inline-size:100%}.button[disabled],.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button[disabled]:hover,.button[aria-disabled=true]:hover{background-color:var(--color-espresso);border-color:var(--color-espresso);color:var(--color-paper)}.button--secondary[disabled]:hover,.button--secondary[aria-disabled=true]:hover{background-color:transparent;border-color:var(--color-ink);color:var(--color-ink)}.button--tertiary[disabled]:hover,.button--tertiary[aria-disabled=true]:hover{background-color:transparent;border-color:transparent;color:var(--color-ink-soft)}.button.loading{cursor:wait}.button.loading>span{opacity:.6}.loading__spinner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--space-5);block-size:var(--space-5)}.loading__spinner .spinner{inline-size:100%;block-size:100%;animation:cf-button-spin .9s linear infinite}.loading__spinner .path{stroke:currentColor;stroke-linecap:round;opacity:.85}@keyframes cf-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading__spinner .spinner{animation:cf-button-pulse 1.2s ease-in-out infinite}@keyframes cf-button-pulse{50%{opacity:.35}}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-button.css.map */