Footer - Underline Links

/*START - footer link theme and underline - WB lloyd*/
footer#global-footer{
    a:not(.socials__item),.link,.footer-navigation__link{
        text-decoration: none;
        position: relative!important;
        color:#000!important;
        &:hover{
            color:#000!important;
            opacity:1!important;
        }
        &: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: #ccc!important;
            opacity:1;
        }
        &:after{
            width: 0%!important;
            background-color: #000!important; 
        }
        &:hover:after{
            width: 100%!important;
        }
        @media only screen and (max-width: 1280px){
            overflow-wrap: anywhere;
            text-decoration: underline!important;
            white-space: normal!important;
                &:before {
                    background-color: transparent;
                    width: 0%!important;
                }
                &:after {
                    background-color: transparent;
                }
            &:hover:after{
                width: 0%!important;
            }
        }
    }
    div.site-footer__copy div:nth-child(2) a,.footer-navigation__link{
        padding-bottom:5px!important;
    }
}
/*END - footer link theme and underline*/