.mensagem{
    background: #FFFFFF;
    border-radius: 32px;
    box-shadow: 0px 24px 32px -8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 32px;
    width: 336px;
    height: 67vh;
}
@media screen and (max-width: 769px) {
    .mensagem {
        align-items: center;
        height: 133px;
        margin: 0 1%;
        width: 688px;
    }
}
@media screen and (max-width: 425px) {
    .mensagem{
        width: 340px;
    }
}