.mensagem {
    border-radius: var(--borda-arredondada-1hx);
    padding: var(--espacamento-2x);
    font-size: var(--fonte-tamanho-pequeno);
    color: var(--cor-branco);
    text-align: center;
}

.mensagem-fechar span {
    cursor: pointer;
}

.mensagem-sucesso {
    background-color: var(--cor-sucesso);
}

.mensagem-alerta {
    background-color: var(--cor-alerta);
}

.mensagem-perigo {
    background-color: var(--cor-perigo);
}

.mensagem-texto-sucesso {
    color: var(--cor-sucesso);
}

.mensagem-texto-alerta {
    color: var(--cor-alerta);
}

.mensagem-texto-perigo {
    color: var(--cor-perigo);
}

.campo-mensagem {
    font-size: var(--fonte-tamanho-micro);
    margin-top: var(--espacamento-1hx);
}