Hello,
Change the code to:
.footer .menu-element .menu li > a {
padding-left: 0px !important;
padding-right: 0px !important;
}
.footer .menu-element .menu li {
margin-left: 1.07em !important;
margin-right: 1.07em !important;
}
.footer .menu-element .menu li > a:before {
content: '';
height: 2px;
width: 0;
right: 0;
position: absolute;
transition: width .2s ease-in-out;
bottom: 0;
background: currentColor;
}
.footer .menu-element .menu li > a:hover:before {
width: 100%;
right: auto;
}
Regards