.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:3rem;padding:var(--space-12) var(--space-24);border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-primary--family);font-size:var(--type-body);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.button--primary{background-color:var(--color-primary-button);border-color:var(--color-primary-button);color:var(--color-on-primary-button)}.button--primary:hover{background-color:color-mix(in srgb,var(--color-primary-button) 88%,var(--color-foreground));border-color:color-mix(in srgb,var(--color-primary-button) 88%,var(--color-foreground))}.button--secondary{background-color:transparent;border-color:var(--color-border, currentcolor);color:var(--color-foreground)}.button--secondary:hover{border-color:var(--color-foreground);background-color:color-mix(in srgb,var(--color-foreground) 8%,transparent)}.button--add-to-cart{background-color:var(--brand-noir);border-color:var(--brand-noir);color:var(--brand-ivory)}.button--add-to-cart:hover{background-color:color-mix(in srgb,var(--brand-noir) 88%,white);border-color:color-mix(in srgb,var(--brand-noir) 88%,white)}.button--add-to-cart[aria-busy=true]:after{border-color:var(--brand-ivory);border-top-color:transparent}.button--gold-primary{background-color:var(--brand-gold-cta);border-color:var(--brand-gold-cta);border-radius:0;color:var(--brand-noir);text-transform:uppercase;letter-spacing:.08em}.button--gold-primary:hover{background-color:color-mix(in srgb,var(--brand-gold-cta) 88%,black);border-color:color-mix(in srgb,var(--brand-gold-cta) 88%,black)}.button--gold-primary[aria-busy=true]:after{border-color:var(--brand-noir);border-top-color:transparent}.button--gold-secondary{min-height:var(--touch-target-min);background-color:transparent;border-radius:0;border-color:var(--brand-gold-cta);color:var(--brand-gold-cta);text-transform:uppercase;letter-spacing:.08em}.button--gold-secondary:hover{background-color:color-mix(in srgb,var(--brand-gold-cta) 10%,transparent)}.button--text{min-height:var(--touch-target-min);padding:var(--space-8) var(--space-4);border-radius:var(--radius-small);background:none;color:var(--color-foreground);text-decoration:underline;text-underline-offset:.3em}.button--text:hover{color:var(--color-muted)}.button--full{width:100%}.button__arrow{display:inline-flex;transition:transform var(--duration-fast) var(--ease-standard)}.button:hover .button__arrow{transform:translate(4px)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button[aria-busy=true]{position:relative;color:transparent;pointer-events:none}.button[aria-busy=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1.25rem;height:1.25rem;border:2px solid var(--color-on-primary-button, currentcolor);border-top-color:transparent;border-radius:50%;animation:button-spin .8s linear infinite}.button--secondary[aria-busy=true]:after,.button--text[aria-busy=true]:after{border-color:var(--color-foreground);border-top-color:transparent}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.button:hover .button__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-button.css.map */