Footer - underline links

/*START - footer link underline*/

footer .footer__info-column:not(:first-child) {
    a:hover{
        color: #88CE17;
    }
}

footer#global-footer{
    a:not(.socials__item){
        text-decoration: none;
        position: relative!important;
        line-height: 1.7;
        &:before, &:after{
            transition: 0.4s;
            text-decoration: none!important;
            line-height: 1;
            content: """";
            height: 1px;
            position: absolute!important;
            bottom: 0;
            left: 0;
        }
        &:before {
            width: 100%!important;
            background-color: #fff!important;
        }
        &:after{
            width: 0%!important;
            background-color: #88CE17!important; 
        }
        &:hover:after{
            width: 100%!important;
        }
    }
}
/*END - footer link underline*/