.menu  a {
    text-decoration: none;
    color: var(--color-texto);
    display: inline-block;
    position: relative;
}


.menu  a:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: rgb(17, 82, 50);
    transform: scale(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}


 .menu  a:hover::after{
    transform: scale(1);
    transform-origin: bottom left;
}