/* Loading Button Styles */
.loading-button {
    position: relative;
    transition: all 0.3s ease;
}

.loading-button:disabled {
    opacity: 0.7;
}

.loading-button.loading {
    cursor: not-allowed;
}

.loading-button .spinner-border-sm {
    width: 1rem;
    height: 1rem;
}

/* Optional: Add some animation to the disabled state */
.loading-button:disabled:hover {
    transform: none;
}