.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);min-height:2rem}.btn--md{font-size:var(--text-base);padding:var(--space-3) var(--space-4);min-height:2.5rem}.btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-6);min-height:3rem}.btn--primary{background:linear-gradient(135deg,var(--accent-400),var(--accent-600));color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-500),var(--accent-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn--secondary{background:var(--bg-700);color:var(--text-100);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg-600);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-200)}.btn--ghost:hover:not(:disabled){background:hsla(0,0%,100%,.05);color:var(--text-100)}.btn--destructive{background:var(--error);color:#fff}.btn--destructive:hover:not(:disabled){background:#dc2626}.btn--loading{position:relative;color:transparent}.btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-content--loading{opacity:0}@keyframes spin{to{transform:rotate(1turn)}}