.btn{cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px rgba(var(--primary-rgb), .3)}.btn-primary:not(:disabled):hover{background:var(--primary-hover);box-shadow:0 6px 8px -1px rgba(var(--primary-rgb), .4);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 6px -1px #e74c3c40}.btn-danger:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 8px -1px #e74c3c59}.btn-secondary{background:var(--overlay-light);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:not(:disabled):hover{background:var(--overlay-medium)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:not(:disabled):hover{background:var(--overlay-subtle);border-color:var(--text-secondary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:not(:disabled):hover{color:var(--text-primary);background:var(--overlay-subtle)}.btn-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}