.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);font-weight:500;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;white-space:nowrap;cursor:pointer;border:1px solid transparent;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:32px;padding:0 14px;font-size:.8125rem}.btn-md{height:38px;padding:0 18px;font-size:.875rem}.btn-lg{height:44px;padding:0 22px;font-size:.9375rem}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn-outline{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-muted);color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-loading{position:relative}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon svg{width:16px;height:16px}@keyframes btn-spin{to{transform:rotate(360deg)}}