@layer components{.button{--_bg: rgb(var(--color-button));--_fg: rgb(var(--color-button-text));--_border: transparent;--_pad-inline: var(--space-lg);--_pad-block: .9375rem;--_font-size: var(--text-sm);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:var(--button-min-height, 3rem);padding:var(--_pad-block) var(--_pad-inline);font-family:var(--font-body);font-size:var(--_font-size);font-weight:500;line-height:1.2;letter-spacing:var(--tracking-wide);text-transform:var(--button-transform, none);text-align:center;text-decoration:none;white-space:nowrap;color:var(--_fg);background-color:var(--_bg);border:var(--border-width-button) solid var(--_border);border-radius:var(--radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;overflow:hidden;isolation:isolate;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:currentColor;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.button:hover:after{opacity:.12}}.button:active{transform:translateY(1px)}.button:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}.button[disabled],.button[aria-disabled=true]{cursor:not-allowed;opacity:.4;transform:none}.button[disabled]:after,.button[aria-disabled=true]:after{opacity:0}.button--secondary{--_bg: transparent;--_fg: rgb(var(--color-foreground));--_border: rgb(var(--color-foreground) / .28)}@media(hover:hover)and (pointer:fine){.button--secondary:hover{--_border: rgb(var(--color-foreground))}.button--secondary:hover:after{opacity:.06}}.button--tertiary{--_bg: transparent;--_fg: rgb(var(--color-foreground));--_border: transparent;--_pad-inline: 0;min-height:auto;padding-block:var(--space-3xs)}.button--tertiary:after{display:none}.button--tertiary .button__label{position:relative}.button--tertiary .button__label:after{content:"";position:absolute;inset-inline:0;inset-block-end:-3px;height:1px;background-color:currentColor;transform-origin:right center;transform:scaleX(1);transition:transform var(--duration-base) var(--ease-out)}@media(hover:hover)and (pointer:fine){.button--tertiary:hover .button__label:after{transform-origin:left center;animation:button-underline var(--duration-slow) var(--ease-out)}}@keyframes button-underline{0%{transform:scaleX(1);transform-origin:right center}49%{transform:scaleX(0);transform-origin:right center}50%{transform:scaleX(0);transform-origin:left center}to{transform:scaleX(1);transform-origin:left center}}.button--inverse{--_bg: rgb(var(--color-background));--_fg: rgb(var(--color-foreground));--_border: transparent}.button--inverse-outline{--_bg: transparent;--_fg: rgb(var(--color-background));--_border: rgb(var(--color-background) / .5)}@media(hover:hover)and (pointer:fine){.button--inverse-outline:hover{--_border: rgb(var(--color-background))}}.button--small{--_pad-inline: var(--space-md);--_pad-block: .625rem;--_font-size: var(--text-xs);min-height:2.375rem}.button--large{--_pad-inline: var(--space-xl);--_pad-block: 1.125rem;--_font-size: var(--text-md);min-height:3.5rem}.button--full{display:flex;width:100%}.button--icon{--_pad-inline: 0;--_pad-block: 0;--_bg: transparent;--_fg: currentColor;--_border: transparent;width:var(--button-icon-size, 2.75rem);height:var(--button-icon-size, 2.75rem);min-height:0;border-radius:var(--radius-pill)}.button--icon svg{width:var(--icon-size, 1.25rem);height:var(--icon-size, 1.25rem)}.button--icon-filled{--_bg: rgb(var(--color-background));box-shadow:var(--shadow-sm)}.button__label,.button__icon{display:inline-flex;align-items:center;transition:opacity var(--duration-fast) var(--ease-out)}.button__icon svg{width:1.125em;height:1.125em}.button__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center}.button[aria-busy=true]{cursor:progress;pointer-events:none}.button[aria-busy=true] .button__label,.button[aria-busy=true] .button__icon{opacity:0}.button[aria-busy=true] .button__spinner{display:flex}.spinner{width:1.125rem;height:1.125rem;color:currentColor;animation:spinner-rotate .9s linear infinite}.spinner circle{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:50 30;animation:spinner-dash 1.4s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1 78;stroke-dashoffset:0}50%{stroke-dasharray:55 24;stroke-dashoffset:-14}to{stroke-dasharray:1 78;stroke-dashoffset:-78}}@media(prefers-reduced-motion:reduce){.button--tertiary:hover .button__label:after{animation:none}.spinner{animation-duration:2s}.spinner circle{animation:none;stroke-dasharray:40 40}}.button-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.button-group--center{justify-content:center}.button-group--end{justify-content:flex-end}@media(max-width:749px){.button-group--stack-mobile{flex-direction:column;align-items:stretch}}.shopify-payment-button{--shopify-accelerated-checkout-button-block-size: 3rem;--shopify-accelerated-checkout-button-border-radius: var(--radius-button);margin-block-start:var(--space-2xs)}.shopify-payment-button__button{min-height:3rem;border-radius:var(--radius-button)!important;font-family:var(--font-body)!important;font-size:var(--text-sm)!important;font-weight:500!important;letter-spacing:var(--tracking-wide);transition:opacity var(--duration-fast) var(--ease-out)}.shopify-payment-button__button--unbranded{background-color:rgb(var(--color-button))!important;color:rgb(var(--color-button-text))!important}.shopify-payment-button__button--unbranded:hover:not([disabled]){background-color:rgb(var(--color-button))!important;opacity:.86}.shopify-payment-button__more-options{margin-block-start:var(--space-2xs);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:.2em}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-button.css.map */