Footer Underline Links

/*START - footer link underline - WB Lloyd*/
footer#global-footer{
    a.hvr_animation,.lp-link{
        position: relative!important;
        color:#000!important;
        transition: 0.4s;
        &:hover{
            color:#999!important;
        }
        &:before, &:after{
            transition: 0.4s;
            text-decoration: none;
            line-height: 1;
            content: "";
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        &:before {
            width: 100%!important;
            background-color: #999;
        }
        &:after{
            width: 0%!important;
            background-color: #BEAF87; 
        }
        &:hover:after{
            width: 100%!important;
        }
    }
}

/*END*/