.info {
    width: 100%;
    padding: 20px;
    /* border: 1px solid #ddd; */
    background-color: #fff;
    /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); */
}


.info.info{
    background-color: white;
    border-left: 5px solid var(--azul-medio);
}

.info.erro {
    border-left: 5px solid var(--vermelho-claro);
    background-color: #ff8f001a;
}

.info.sucess {
    background-color: white;
    border-left: 5px solid var(--verde-claro);
}


.info .aviso  i
{
    margin-right: 4px;
}

.info.info .aviso  i
{
    color: var(--azul-medio);
}

.info.erro .aviso  i
{
    color: var(--vermelho-claro);
}

.info.sucess .aviso  i
{
    color: var(--verde-claro);
}