/* Estilo especial para botão "Próximo" quando destacado */
.btn-next.accent-button {
    background-color: #ff9800;
    color: white;
    font-weight: bold;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 152, 0, 0.3);
    animation: pulse-button 2s infinite;
}

@keyframes pulse-button {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 152, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);
    }
}

/* Melhorar o destaque do botão de próximo quando recebe foco */
.btn-next:focus {
    outline: 2px solid #ff9800;
    outline-offset: 2px;
}

/* Efeito de hover para o botão destacado */
.btn-next.accent-button:hover {
    background-color: #f57c00;
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(255, 152, 0, 0.4);
}