.button{width:100%;padding:14px;border:none;border-radius:var(--radius-full,999px);color:var(--color-white);font-family:var(--font-poppins-bold);font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease}.button,.button-content{display:flex;align-items:center;justify-content:center}.button-content{gap:10px}.button:disabled{background-color:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.button--secondary{background-color:var(--color-secondary)}.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.button--primary{background-color:var(--color-primary)}.button--primary:hover:not(:disabled){background-color:var(--color-primary-light)}.button--danger{background-color:var(--color-danger)}.button--danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.button--muted{background-color:var(--color-gray-600)}.button--muted:hover:not(:disabled){background-color:var(--color-gray-700)}.button--outline{background-color:transparent;color:var(--color-text,#1a1a1a);border:1px solid var(--color-border,#ddd)}.button--outline:hover:not(:disabled){background-color:var(--color-gray-100,#f5f5f5)}.button-spinner{width:15px;height:15px;border:2px solid hsla(0,0%,100%,.4);border-top:2px solid var(--color-white);border-radius:50%;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}