.button{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:2px solid transparent;white-space:nowrap}.button:disabled{opacity:.6;cursor:not-allowed}.button-sm{padding:.4rem 1rem;font-size:.875rem}.button-md{padding:.6rem 1.5rem;font-size:1rem}.button-lg{padding:.8rem 2rem;font-size:1.125rem}.button-primary{background-color:var(--primary-purple);color:white}.button-primary:hover:not(:disabled){background-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-secondary{background-color:var(--primary-blue);color:white}.button-secondary:hover:not(:disabled){background-color:var(--primary-purple);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button-secondary:active:not(:disabled){transform:translateY(0)}.button-outline{background-color:transparent;border:2px solid var(--bg-blue);color:var(--primary-blue)}.button-outline:hover:not(:disabled){background-color:var(--primary-blue);color:white;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button-outline:active:not(:disabled){transform:translateY(0)}.button-outline-white{background-color:transparent;border:2px solid var(--bg-primary);color:var(--text-light)}.button-outline-white:hover:not(:disabled){background-color:var(--bg-primary);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button-outline-white:active:not(:disabled){transform:translateY(0)}.button-white{background-color:white;color:var(--primary-purple)}.button-white:hover:not(:disabled){background-color:var(--bg-light-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button-white:active:not(:disabled){transform:translateY(0)}.button-full-width{width:100%}.button-with-icon{gap:.5rem}.button-group{display:flex;gap:var(--spacing-md)}.button-group.vertical{flex-direction:column}@media (max-width:576px){.button-lg{padding:.7rem 1.5rem;font-size:1rem}.button-md{padding:.5rem 1.25rem;font-size:.9rem}.button-sm{padding:.3rem .75rem;font-size:.8rem}}