#top-menu .current-menu-item>a::before,#top-menu .current_page_item>a::before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;background:#377ed8;height:3px}#top-menu li a:hover::before{right:0}#top-menu li a::before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#377ed8;height:3px;transition:right 0.3s ease-out}#top-menu li li.current-menu-item>a::before,#top-menu li li.current_page_item>a::before{bottom:10%}#top-menu li li a:hover::before{right:0;bottom:10%}/* Ensure hover effect aligns
*