.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;text-align:center;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1;white-space:nowrap}.button:focus-visible{outline:2px solid var(--color-accent-b);outline-offset:2px}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:#FFD35C;color:#0E0E10;font-weight:700}.button--primary:hover:not(:disabled){background:#ffdd70;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,211,92,.4)}.button--secondary{background:#374151;color:#e5e7eb;border:2px solid #4b5563;font-weight:600}.button--secondary:hover:not(:disabled){background:#4b5563;color:#ffffff;border-color:#6b7280;transform:translateY(-1px);box-shadow:0 2px 8px rgba(75,85,99,.3)}.button--accent{background:var(--color-accent-a);color:white}.button--accent:hover:not(:disabled){background:#7c74ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,99,255,.4)}.button--ghost{background:transparent;color:var(--color-primary)}.button--ghost:hover:not(:disabled){background:var(--color-light)}.button--danger{background:#dc2626;color:white;font-weight:600}.button--danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px rgba(220,38,38,.3)}.button--sm{padding:.5rem 1rem;font-size:.875rem;min-height:2rem}.button--md{padding:.75rem 1.5rem;font-size:1rem;min-height:2.75rem}.button--lg{padding:1rem 2rem;font-size:1.125rem;min-height:3.25rem}@media (min-width:769px){.button--full{max-width:250px;margin:0 auto;padding:.875rem 2rem;font-size:1rem;min-height:2.875rem}}.button--full{width:100%}.button--loading{pointer-events:none}.button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button__content--hidden{opacity:0}