footer .logo {width: 140px;}
footer .menu-wrapper {display: flex; flex-wrap: wrap;}
footer .menu-wrapper .menu {display: block; padding-left: 0; margin-top: 1rem;}
footer .menu-wrapper .menu li {list-style: none; display: block; padding-bottom: 0.5rem;}
footer .menu-wrapper .menu li a {text-decoration: none; color: #fff; position: relative; padding-bottom: 0.25rem;}
footer .menu-wrapper .menu li a::after {content: ''; position: absolute; width: 0; background-color: #FFF; height: 2px; bottom: 0; left: 0; transition: 300ms ease;}
footer .menu-wrapper .menu li a:hover::after {width: 100%;}
footer a.underline {text-decoration: none; position: relative; padding-bottom: 0.5rem;}
footer a.underline::after {content: ''; position: absolute; width: 0; background-color: #FFF; height: 2px; bottom: 0; left: 0; transition: 300ms ease;}
footer a:hover.underline::after {width: 100%;}