.test-btn-back-next {
    display: flex;
    justify-content: center;
    height: 100vh;
}

.test {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

/* Animacion para cuando no se eligio una opcion */
@keyframes vibrar {

    0%,
    100% {
        transform: translateX(0);
    }

    20%,
    60% {
        transform: translateX(-5px);
    }

    40%,
    80% {
        transform: translateX(5px);
    }
}

.vibrar {
    animation: vibrar 0.5s ease-in-out;
}

/* ========== Mediaquerys ========== */
@media (max-width: 1024px) {
    .test {
        height: 95vh;
    }
}

@media (max-width: 768px) {
    .test {
        height: 100vh;
    }
}