.button{--button-background: transparent;--button-foreground: var(--color-foreground, currentColor);--button-border: currentColor;--button-hover-background: var(--button-background);--button-hover-foreground: var(--button-foreground);--button-hover-border: var(--button-border);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-component-xs);min-width:0;max-width:100%;min-height:var(--control-height);padding-block:.75rem;padding-inline:clamp(1.125rem,1rem + .4vw,1.5rem);border:var(--border-width) solid var(--button-border);border-radius:var(--radius-soft);background:var(--button-background);color:var(--button-foreground);font-family:var(--font-body);font-size:var(--type-label);font-style:var(--font-body-style);font-weight:700;line-height:var(--leading-label);letter-spacing:.025em;text-align:center;text-decoration:none;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-expressive)}.button:hover:not(:disabled):not([aria-disabled=true]){background:var(--button-hover-background);color:var(--button-hover-foreground);border-color:var(--button-hover-border)}.button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color, currentColor);outline-offset:var(--focus-ring-offset)}.button:disabled,.button[aria-disabled=true]{opacity:.42;cursor:not-allowed}.button__label{min-width:0;max-width:24rem;overflow-wrap:anywhere}.button__icon{width:1em;height:1em;flex:0 0 1em;transition:transform var(--motion-fast) var(--ease-expressive)}.button:hover:not(:disabled):not([aria-disabled=true]) .button__icon{transform:translate(.18em)}.button--primary{--button-background: var(--color-primary-button, var(--scheme-primary-button));--button-foreground: var(--color-on-primary-button, var(--scheme-on-primary-button));--button-border: var(--color-primary-button-border, var(--scheme-primary-button-border));--button-hover-background: var(--color-background, var(--scheme-background));--button-hover-foreground: var(--color-primary-button, var(--scheme-primary-button));--button-hover-border: var(--color-primary-button-border, var(--scheme-primary-button-border))}.button--secondary{--button-background: var(--color-secondary-button, var(--scheme-secondary-button));--button-foreground: var(--color-on-secondary-button, var(--scheme-on-secondary-button));--button-border: var(--color-secondary-button-border, var(--scheme-secondary-button-border));--button-hover-background: var(--color-secondary-button-border, var(--scheme-secondary-button-border));--button-hover-foreground: var(--color-background, var(--scheme-background));--button-hover-border: var(--color-secondary-button-border, var(--scheme-secondary-button-border))}.button--editorial{--button-background: transparent;--button-foreground: currentColor;--button-border: transparent;--button-hover-background: transparent;--button-hover-foreground: currentColor;--button-hover-border: transparent;min-height:var(--control-height-sm);padding-block:.55rem;padding-inline:0;border-radius:0;font-size:var(--type-label);letter-spacing:var(--tracking-label)}.button--editorial:after{content:"";position:absolute;inset-inline:0;inset-block-end:.35rem;height:var(--border-width);background:currentColor;transform:scaleX(1);transform-origin:left center;transition:transform var(--motion-base) var(--ease-expressive)}.button--editorial:hover:not(:disabled):not([aria-disabled=true]):after{transform:scaleX(.35)}.button--editorial:active:not(:disabled):not([aria-disabled=true]){transform:none}.button--small,.button--utility{min-height:var(--control-height-sm);padding-block:.625rem;padding-inline:1rem;font-size:var(--type-caption)}.button--large{min-height:var(--control-height-lg);padding-block:.875rem;padding-inline:clamp(1.375rem,1.2rem + .55vw,1.875rem);font-size:var(--type-body-sm)}.button--full{width:100%}.button--icon{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);padding:0;flex:0 0 var(--control-height)}.button--icon.button--small,.button--icon.button--utility{width:var(--control-height-sm);min-width:var(--control-height-sm);height:var(--control-height-sm);min-height:var(--control-height-sm);flex-basis:var(--control-height-sm)}.button--icon.button--large{width:var(--control-height-lg);min-width:var(--control-height-lg);height:var(--control-height-lg);min-height:var(--control-height-lg);flex-basis:var(--control-height-lg)}.button-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-component-sm)}.button[aria-busy=true]{cursor:wait}.button[aria-busy=true] .button__label,.button[aria-busy=true] .button__icon{opacity:.45}.button[aria-busy=true]:before{content:"";width:.9em;height:.9em;flex:0 0 .9em;border:var(--border-width) solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius-round);animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}@media(max-width:389px){.button{padding-inline:1rem}.button--large{padding-inline:1.125rem}.button-group{gap:var(--space-component-xs)}}@media(prefers-reduced-motion:reduce){.button,.button__icon,.button--editorial:after{transition:none}.button:active:not(:disabled):not([aria-disabled=true]),.button:hover:not(:disabled):not([aria-disabled=true]) .button__icon{transform:none}.button[aria-busy=true]:before{animation-duration:1.4s}}@media(forced-colors:active){.button{border-color:ButtonText}.button--primary,.button--secondary{background:ButtonFace;color:ButtonText}.button:disabled,.button[aria-disabled=true]{color:GrayText}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/button.css.map */