@media (max-width: 420px) {
    .teste-vocacional-conteudo {
        width: 350px;
        margin-bottom: 15px;
    }

    div#teste-vocacional-botoes {
        width: 100%;
        justify-content: space-between;
    }

    div#teste-vocacional-botoes button {
        width: 150px;
    }
}

@media (min-width: 421px) {
    div#teste-vocacional-botoes {
        justify-content: center;
        width: 100%;
    }

    div#teste-vocacional-botoes button {
        width: 130px;
    }
}

div#teste-vocacional-descricao p {
    font-size: 19px;
}

.teste-vocacional-conteudo {
    display: flex;
    justify-content: center;
    align-items: center;
}

div#teste-vocacional-questao {
    background-color: #fff;
    font-family: sans-serif;
    width: 546px;
    border-radius: 16px;
    padding: 25px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: -1px 1px 37px 4px rgb(0 0 0 / 7%);
    box-shadow: -1px 1px 37px 4px rgb(0 0 0 / 7%);
}

div#teste-vocacional-descricao,
div#teste-vocacional-botoes {
    display: flex;
    align-items: center;
    height: 85px;
}

.teste-vocacional-card {
    background-color: #fff;
    padding: 30px;
    border-radius: 16px;
}

.teste-vocacional-principal {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: 'Nunito Sans', sans-serif;
}

body {
    background-color: #f2f2f2;
}

#progresso {
    width: 100%;
    background-color: #c9c9c9;
    border-radius: 3px;
}

#barra {
    width: 1%;
    height: 30px;
    background-color: green;
    border-radius: 3px;
}