.texto {
    margin-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 1.4em;
    font-weight: 500;
    font-family: var(--fonte-normal);
}

.texto h1 {
    font-weight: 800;
}

.grupo-botao {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.botao {
    display: inline-block;
    border: none;
    border-radius: 20px;
    padding: 15px 30px 15px 30px;
    background-color: var(--lilas);
    color: var(--branco);
    font-family: var(--fonte-normal);
    font-size: 1.2em;
}

a.botao {
    text-decoration: none;
}

a.botao:hover {
    background-color: var(--lilas);
    color: var(--branco);
}

@media (max-width: 400px) {
    .texto {
        margin-top: 60px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1.0em;
    }

    .botao {
        font-size: 1.0em;
    }
}