/* Gaya Kustom untuk Transisi antar Section */
.page-section {
    transition: opacity 0.3s ease-in-out;
    display: none;
}
.page-section.active {
    display: block;
    opacity: 1;
}

/* Mengatur agar tombol memiliki efek 3D sederhana */
.btn-game {
    /* Shadow yang menciptakan ilusi kedalaman 3D */
    box-shadow: 0 4px 0 0 rgba(16, 185, 129, 0.8);
    transform: translateY(0);
    transition: all 0.1s ease;
}

/* Efek saat tombol ditekan (mengubah shadow dan translateY) */
.btn-game:active {
    box-shadow: 0 1px 0 0 rgba(16, 185, 129, 0.8);
    transform: translateY(3px);
}

.quiz-option {
    transition: all 0.2s;
}