.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:500;transition:all var(--transition-normal);letter-spacing:.02em;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-primary:active{transform:translateY(1px)}.btn-primary:after{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover:after{opacity:.1}.btn-secondary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background-color:#2c4a520d}.btn-ghost{background-color:transparent;color:var(--color-primary)}.btn-ghost:hover{background-color:#00000008}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{background-color:var(--color-background-subtle);border-color:var(--color-text-secondary)}.btn-sm{height:2rem;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-md{height:3rem;padding:0 var(--space-6);font-size:var(--text-sm)}.btn-lg{height:3.5rem;padding:0 var(--space-8);font-size:var(--text-base)}.btn-full{width:100%}.spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}