.button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{color:#fff;background:linear-gradient(90deg,#29b6f6 0%,#4fc3f7 100%);border:none;box-shadow:0 2px 8px #29b6f659}.button--primary:hover:not(:disabled){background:linear-gradient(90deg,#0288d1 0%,#29b6f6 100%);box-shadow:0 4px 16px #29b6f666}.button--secondary{color:var(--color-text);border-color:var(--color-border);background-color:#0000}.button--secondary:hover:not(:disabled){background-color:var(--color-surface)}.button--outline{color:#29b6f6;background-color:#0000;border-color:#29b6f6}.button--outline:hover:not(:disabled){color:#fff;background:linear-gradient(90deg,#29b6f6 0%,#4fc3f7 100%);border-color:#29b6f6}.button--ghost{color:var(--color-text);background-color:#0000;border-color:#0000}.button--ghost:hover:not(:disabled){background-color:var(--color-surface)}.button--danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.button--danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.button--small{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm)}.button--large{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg)}.button--full{width:100%}.button--loading{color:#0000;position:relative}.button--loading:after{content:"";color:#fff;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite button-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes button-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}