.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;font-family:var(--font-heading-family);font-size:.9375rem;font-weight:700;line-height:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn--primary{background-color:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.btn--primary:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #f5c84259}.btn--primary:active{transform:translateY(0);box-shadow:none}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn--ghost{background-color:transparent;color:var(--color-white);border-color:#ffffff80}.btn--ghost:hover{background-color:#ffffff1f;border-color:var(--color-white)}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.btn--lg{padding:1rem 2rem;font-size:1.0625rem}.btn--full{width:100%}.btn--loading{opacity:.75;pointer-events:none;position:relative}.btn--loading:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:translateY(-50%) rotate(360deg)}}.btn--icon{padding:.6rem;border-radius:var(--radius-sm)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-button.css.map */