.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);-webkit-appearance:none;appearance:none;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:var(--font-ui);font-size:var(--text-button);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);line-height:1;padding:var(--space-4) var(--space-6);border-radius:var(--radius-button);border:var(--border-width-thin) solid transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}@media(hover:hover){.btn:hover:not(:disabled):not(.is-disabled){transform:translateY(-1px)}}.btn:active{transform:translateY(1px)}.btn{min-height:44px}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled,.btn[aria-disabled=true],.btn.is-disabled{cursor:not-allowed;opacity:var(--opacity-disabled);box-shadow:none}.btn-primary{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled):not(.is-disabled){background-color:var(--color-charcoal);border-color:var(--color-charcoal)}.btn-primary:active:not(:disabled):not(.is-disabled){background-color:var(--color-charcoal)}.btn-secondary{background-color:transparent;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn-secondary:hover:not(:disabled):not(.is-disabled){background-color:var(--color-accent-primary);color:var(--color-text-inverse)}.btn-text{background-color:transparent;border-color:transparent;color:var(--color-accent-primary);padding:var(--space-2) var(--space-1);min-height:auto;text-underline-offset:3px}.btn-text:hover:not(:disabled):not(.is-disabled){text-decoration:underline;color:var(--color-charcoal)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border-color:transparent;color:var(--color-text-primary);width:44px;height:44px;padding:var(--space-2);border-radius:var(--radius-full)}.btn-icon:hover:not(:disabled):not(.is-disabled){background-color:var(--color-surface-alt)}.btn-icon svg,.btn-icon img{width:20px;height:20px;flex-shrink:0}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-small);min-height:36px}.btn-lg{padding:var(--space-5) var(--space-8);font-size:1rem;min-height:52px}.btn-full{width:100%}.btn.is-loading{color:transparent!important;pointer-events:none;position:relative}.btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:var(--radius-full);border:2px solid currentColor;border-right-color:transparent;color:var(--color-text-inverse);animation:btn-spin .7s linear infinite}.btn-secondary.is-loading:after,.btn-text.is-loading:after{color:var(--color-accent-primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn.is-loading:after{animation-duration:1.4s}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/buttons.css.map */
