.titulo_magico {
    background: linear-gradient(to right, #356c28, #b3e140);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0 88%;
    font-size: 60px;
    font-weight: 400;
    color: #141414;
    /* text-shadow: 0 0 0.3em #01736b; */
    transition: background-size 0.25s ease-in;

    &:hover {
        background-size: 100% 88%;
    }
}


.texto_magico {
    background: linear-gradient(to right, #356c28, #b3e140);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0 88%;
    transition: background-size 0.25s ease-in;

    &:hover {
        background-size: 100% 88%;
    }
}