.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-purple);filter:brightness(1.1)}.btn-secondary{background:var(--surface-glass);color:var(--text-primary);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover:not(:disabled){background:var(--surface-glass-hover);border-color:var(--accent-purple)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#2b2b3b66}.btn-danger{color:#ed5e5e;background:#d9262626;border:1px solid #d9262640}.btn-danger:hover:not(:disabled){background:#d9262640}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0}.btn-icon:hover:not(:disabled){color:var(--text-primary);background:#2b2b3b66}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-full{width:100%}.btn-icon-element{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}