.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body-family);font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);letter-spacing:var(--ls-widest);text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:1;padding:var(--space-4) var(--space-8);border:1px solid transparent;border-radius:var(--radius-btn);cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active:not([disabled]):not([aria-disabled=true]){transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:focus-visible{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--focus-ring)}.theme--primary-ghost .btn--primary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.theme--primary-ghost .btn--primary:hover,.theme--primary-ghost .btn--primary:focus-visible{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.btn--secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn--secondary:focus-visible{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--focus-ring)}.btn--ghost{background-color:transparent;border-color:transparent;color:var(--color-text);padding-left:0;padding-right:0;letter-spacing:var(--ls-wider);overflow:visible}.btn--ghost:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(1);transform-origin:left center;transition:transform var(--duration-normal) var(--ease-out-expo)}.btn--ghost:hover:after,.btn--ghost:focus-visible:after{transform:scaleX(0);transform-origin:right center}.btn--gold{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-charcoal)}.btn--gold:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--gold:focus-visible{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--focus-ring)}.btn--outline-dark{background-color:transparent;border-color:var(--color-text);color:var(--color-text)}.btn--outline-dark:hover{background-color:var(--color-text);color:var(--color-text-inverted)}.btn--outline-light{background-color:transparent;border-color:var(--color-text-inverted);color:var(--color-text-inverted)}.btn--outline-light:hover{background-color:var(--color-text-inverted);color:var(--color-text)}.btn--sm{font-size:var(--text-2xs);letter-spacing:var(--ls-widest);padding:var(--space-2) var(--space-5)}.btn--lg{font-size:var(--text-base);padding:var(--space-5) var(--space-10);letter-spacing:var(--ls-wider)}.btn--icon{padding:var(--space-3);border-radius:var(--radius-circle);min-width:44px;min-height:44px}.btn--full{width:100%}.btn--loading{pointer-events:none;opacity:.7}.btn--loading:before{content:"";display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--radius-circle);animation:taar-btn-spin .6s linear infinite;margin-right:var(--space-2)}@keyframes taar-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn--loading:before{animation:none;border:1.5px solid currentColor;opacity:.5}}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.btn-group--center{justify-content:center}.btn-group--right{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-button.css.map */