.btn{justify-content:center;align-items:center;gap:var(--spacing-2);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:after{content:"";opacity:0;background:#ffffff4d;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn:active:not(:disabled):after{animation:.5s ease-out ripple}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border-color:var(--color-primary-600)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-800);border-color:var(--color-neutral-200)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-200);border-color:var(--color-neutral-300);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-600));color:#fff;border-color:var(--color-accent-500)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-400),var(--color-accent-500));border-color:var(--color-accent-400);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-outline{color:var(--color-primary-600);border-color:var(--color-primary-600);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px)}.btn-ghost{color:var(--color-neutral-700);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.btn-danger{background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-small{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn-medium{padding:var(--spacing-3)var(--spacing-6);font-size:var(--font-size-base)}.btn-large{padding:var(--spacing-4)var(--spacing-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn-full-width{width:100%}.btn-loading{pointer-events:none;position:relative}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.btn-icon{justify-content:center;align-items:center;display:inline-flex}.btn-icon svg{width:1em;height:1em}.btn-icon-only{border-radius:var(--radius-lg);width:40px;height:40px;padding:0}.btn-icon-only.btn-small{width:32px;height:32px}.btn-icon-only.btn-large{width:48px;height:48px}