/* Loading Spinner Styles */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Ensure the button doesn't change size when showing/hiding spinner */
button .loading-spinner {
    display: inline-flex;
}

button .loading-spinner.hidden {
    display: none;
}