@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-base);font-family:var(--font-data);font-size:var(--type-button);font-weight:var(--font-weight-bold);line-height:var(--line-button);letter-spacing:var(--track-button);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.button--primary{min-height:56px;background-color:var(--color-button-primary-bg);color:var(--color-button-primary-fg)}@media screen and (max-width:749px){.button--primary{width:100%}}.button--secondary{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-foreground)}.button--hero-secondary{background-color:transparent;border-color:var(--color-accent);color:var(--color-foreground)}.button--hero-secondary:hover{background-color:color-mix(in srgb,var(--color-accent) 16%,transparent);border-color:var(--color-accent)}@supports not (color: color-mix(in srgb,red 16%,transparent)){.button--hero-secondary:hover{background-color:transparent;border-color:var(--color-foreground)}}.button--tertiary{min-height:0;padding:0;background:none;border:0;color:var(--color-foreground);text-decoration:underline;text-underline-offset:.25em}.button--primary:hover{background-color:color-mix(in oklab,var(--color-button-primary-bg) 88%,var(--color-foreground))}.button--secondary:hover{background-color:color-mix(in oklab,var(--color-background) 92%,var(--color-foreground))}.button:active{transform:translateY(0)}.button[disabled],.button[aria-disabled=true]{opacity:.55;cursor:not-allowed;text-decoration:line-through}@media(prefers-reduced-motion:reduce){.button{transition-duration:.01ms}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-button.css.map */