.button{--button-bg: transparent;--button-bg-hover: var(--button-bg);--button-fg: currentColor;--button-fg-hover: var(--button-fg);--button-border: transparent;--button-border-hover: var(--button-border);--button-shadow: none;--button-shadow-hover: var(--button-shadow);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;border-radius:var(--radius-md);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);letter-spacing:.06em;outline:none;border:2px solid var(--button-border);cursor:pointer;text-decoration:none;text-transform:uppercase;background-color:var(--button-bg);color:var(--button-fg);box-shadow:var(--button-shadow);transition:background-color var(--motion-duration-base) var(--motion-easing-emphasized),color var(--motion-duration-base) var(--motion-easing-emphasized),border-color var(--motion-duration-base) var(--motion-easing-emphasized),box-shadow var(--motion-duration-base) var(--motion-easing-emphasized)}.button:focus-visible{box-shadow:0 0 0 2px var(--color-brand-primary)}.button svg{width:var(--space-4);height:var(--space-4);flex-shrink:0}@media(hover:hover){.button:hover:not(:disabled){background-color:var(--button-bg-hover);color:var(--button-fg-hover);border-color:var(--button-border-hover);box-shadow:var(--button-shadow-hover)}}.button-default{--button-bg: var(--color-accent-500);--button-bg-hover: var(--color-accent-600);--button-fg: var(--color-neutral-0);--button-fg-hover: var(--color-neutral-0);--button-border: transparent;--button-border-hover: transparent;--button-shadow: var(--shadow-card);--button-shadow-hover: var(--shadow-hover);font-weight:var(--font-weight-medium)}.button-outline{--button-bg: transparent;--button-bg-hover: var(--color-accent-50);--button-fg: var(--color-accent-500);--button-fg-hover: var(--color-accent-600);--button-border: var(--color-accent-500);--button-border-hover: var(--color-accent-600)}.button-outline-brand{--button-bg: transparent;--button-bg-hover: var(--color-brand-100);--button-fg: var(--color-brand-500);--button-fg-hover: var(--color-brand-600);--button-border: var(--color-brand-500);--button-border-hover: var(--color-brand-600)}.button-link{--button-bg: transparent;--button-bg-hover: transparent;--button-fg: var(--color-link-default);--button-fg-hover: var(--color-link-hover);border-width:0;text-transform:none;letter-spacing:normal;text-decoration:none;font-family:var(--font-family-secondary);font-size:var(--font-size-300);font-weight:var(--font-weight-medium);padding:0;border-radius:0;box-shadow:none;justify-content:flex-start;align-self:flex-start;transition-property:color}.button-surface-dark.button-default{--button-bg: var(--color-accent-500);--button-bg-hover: var(--color-accent-600);--button-fg: var(--color-neutral-0);--button-fg-hover: var(--color-neutral-0);--button-border: transparent;--button-border-hover: transparent}.button-surface-dark.button-outline{--button-bg: transparent;--button-bg-hover: color-mix(in srgb, var(--color-accent-800) 30%, transparent);--button-fg: var(--color-accent-400);--button-fg-hover: var(--color-accent-300);--button-border: var(--color-accent-400);--button-border-hover: var(--color-accent-300)}.button-surface-dark.button-outline-brand{--button-bg: transparent;--button-bg-hover: color-mix(in srgb, var(--color-brand-800) 30%, transparent);--button-fg: var(--color-brand-300);--button-fg-hover: var(--color-brand-200);--button-border: var(--color-brand-300);--button-border-hover: var(--color-brand-200)}.button-size-default{padding:var(--space-2) var(--space-4)}.button-size-lg{border-radius:var(--radius-md);padding:var(--space-3) var(--space-8);font-size:var(--font-size-200)}@media(max-width:767px){.button-link{font-size:var(--font-size-200)}}@media(max-width:639px){.button-size-lg:not(.button-link):not(.button-link-muted){padding:var(--space-3) var(--space-5);min-height:2.75rem}.button-size-default:not(.button-link):not(.button-link-muted){min-height:2.75rem}}.button-link.button-size-default,.button-link.button-size-lg{min-height:0;padding:0}.button-link .button__label{text-decoration:underline;text-underline-offset:.25rem}.button-link-muted{--button-bg: transparent;--button-bg-hover: transparent;--button-fg: var(--color-text-body-secondary);--button-fg-hover: var(--color-text-heading);--button-border: transparent;--button-border-hover: transparent;--button-shadow: none;--button-shadow-hover: none;text-transform:uppercase;letter-spacing:.06em;border-width:0;text-decoration:underline;text-underline-offset:.2em;font-family:var(--font-family-secondary);font-weight:var(--font-weight-regular);padding:0;border-radius:0;justify-content:flex-start;align-self:flex-start;transition-property:color}.button-link-muted.button-size-sm{min-height:0;padding:0;font-size:var(--font-size-100)}.button__arrow{transition:transform var(--motion-duration-base) var(--motion-easing-standard)}@media(hover:hover){.button:hover .button__arrow{transform:translate(.25rem)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/button.css.map */