.nav-links>li{font-weight:700;position:relative;overflow:hidden}.nav-links>li:before{content:"";transform-origin:100%;background:linear-gradient(90deg,red 50%,#00f 50%);width:100%;height:2px;transition:transform .3s ease-in-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links>li:hover:before{transform-origin:0;transform:scaleX(1)}.nav-links>div{padding:10px 0;font-weight:700;position:relative;overflow:hidden}.nav-links>div:before{content:"";transform-origin:100%;background:linear-gradient(90deg,#fff 80%,#1591b3 80%);width:600%;height:2px;transition:transform .4s ease-in-out;position:absolute;bottom:10px;right:0;transform:scaleX(0)}.nav-links>div:hover:before{transform-origin:0;transform:scaleX(1)}.nav-links>a{padding:10px 0;font-weight:700;position:relative;overflow:hidden}.nav-links>a:before{content:"";transform-origin:100%;background:linear-gradient(90deg,#fff 80%,#1591b3 80%);width:600%;height:2px;transition:transform .4s ease-in-out;position:absolute;bottom:10px;right:0;transform:scaleX(0)}.nav-links>a:hover:before{transform-origin:0;transform:scaleX(1)}