.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:var(--border-width-base) solid transparent;border-radius:var(--radius-base);font:inherit;font-weight:600;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:filter var(--motion-duration, .2s) var(--motion-ease),opacity var(--motion-duration, .2s) var(--motion-ease)}.button--primary{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-contrast)}.button--secondary{border-color:var(--color-secondary);background-color:var(--color-secondary);color:var(--color-secondary-contrast)}.button--primary:hover,.button--secondary:hover{filter:brightness(.92)}.button--full{width:100%}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5;filter:none}.button--loading{position:relative;color:transparent}.button--loading:after{content:"";position:absolute;width:1.1em;height:1.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite}.button--primary.button--loading:after{color:var(--color-primary-contrast)}.button--secondary.button--loading:after{color:var(--color-secondary-contrast)}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.button--loading:after{animation:none}}.button__icon--success{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:2.5em;height:2.5em;margin:auto}.button--success{position:relative}.button--success .button__label{visibility:hidden}.button--success .button__icon--success{display:inline-flex}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-button.css.map */
