.btn{font-family:var(--font-sans);font-weight:var(--font-medium);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn--sm{font-size:var(--text-xs);border-radius:var(--radius-sm);gap:5px;padding:6px 14px}.btn--md{font-size:var(--text-sm);padding:10px 20px}.btn--lg{font-size:var(--text-base);gap:10px;padding:14px 28px}.btn--primary{color:#fff;background:#1a1a1a;box-shadow:0 4px 14px #00000040}.btn--primary:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.btn--primary:active{transform:translateY(0);box-shadow:inset 0 3px 6px #0000004d}.btn--outline{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-neumorphic-sm)}.btn--outline:hover{color:var(--primary);box-shadow:var(--shadow-neumorphic);transform:translateY(-1px)}.btn--outline:active{box-shadow:var(--shadow-neumorphic-pressed);transform:translateY(1px)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{color:var(--primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;box-shadow:0 2px 4px #00000005}.btn--ghost:active{background:#ffffffb3;transform:scale(.98)}.btn--danger{background:linear-gradient(135deg, #ff6b8b, var(--error));color:#fff;box-shadow:0 4px 12px #ff33664d}.btn--danger:hover{transform:translateY(-2px);box-shadow:0 8px 16px #f366}.btn--danger:active{transform:translateY(0);box-shadow:inset 0 3px 6px #0003}.btn:disabled,.btn--loading{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn__spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:14px;height:14px;animation:.6s linear infinite spin}.btn--loading .btn__label{opacity:.5}.btn__icon{flex-shrink:0;align-items:center;display:flex}.btn__icon svg{width:1em;height:1em}.btn--full{width:100%}@media (max-width:768px){.btn{white-space:normal;text-align:center;max-width:100%}.btn--lg{font-size:var(--text-sm);padding:12px 20px}}