.menu-item a{display:inline-block;text-decoration:none;position:relative;padding:.4rem 0;z-index:11}.menu-item a::before,.menu-item a::after{width:0;content:"";position:absolute;bottom:0;z-index:-1;height:100%;-webkit-transition:width .5s;transition:width .5s}.menu-item a::before{right:0;border-top:1px solid var(--nav-item-hover)}.menu-item a::after{left:0;border-bottom:1px solid var(--nav-item-hover)}.menu-item a:hover::before,.menu-item a:hover::after{width:100%}