.button{position:relative;isolation:isolate;display:inline-flex;min-height:var(--control-height);padding:var(--space-4) var(--space-6);align-items:center;justify-content:center;gap:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--button-radius);font:600 var(--text-sm) / 1 var(--font-body-family);letter-spacing:.04em;text-align:center;text-decoration:none;transition:color calc(var(--duration-fast) * var(--motion-scale)) var(--ease-standard),background-color calc(var(--duration-fast) * var(--motion-scale)) var(--ease-standard),border-color calc(var(--duration-fast) * var(--motion-scale)) var(--ease-standard),transform calc(var(--duration-fast) * var(--motion-scale)) var(--ease-emphasized);-webkit-appearance:none;appearance:none}.button:hover{transform:translateY(calc(-1px * var(--motion-scale)))}.button:active{transform:translateY(0)}.button--primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.button--primary:hover{background:color-mix(in srgb,var(--color-accent) 88%,black);border-color:color-mix(in srgb,var(--color-accent) 88%,black)}.button--secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.button--secondary:hover,.button--outline:hover{border-color:var(--color-text)}.button--outline{color:var(--color-text);background:transparent;border-color:var(--color-text)}.button--text{min-height:2.75rem;padding-inline:0;color:var(--color-text);background:transparent;border-color:transparent;border-radius:0;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentcolor 40%,transparent);text-underline-offset:.3em}.button--text:hover{text-decoration-color:currentcolor}.button--small{min-height:var(--control-height-sm);padding:var(--space-3) var(--space-5);font-size:var(--text-xs)}.button--large{min-height:var(--control-height-lg);padding:var(--space-5) var(--space-7)}.button--full{width:100%}.button[disabled],.button[aria-disabled=true],.button.is-loading{opacity:.5;pointer-events:none}.button__icon{width:1.125rem;height:1.125rem;flex:0 0 auto}.button__loader{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.button.is-loading .button__content{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-button.css.map */