.next-btn {
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Hiệu ứng Spinner */
.spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: none; /* Ẩn mặc định */
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Trạng thái khi đang loading */
.next-btn.loading {
    opacity: 0.7;
    cursor: not-allowed;
}

.next-btn.loading .spinner {
    display: inline-block;
}

/* CSS cho button khi bị disable */
.next-btn:disabled {
    background-color: #ccc;
}