menu hover css

nav a {

position: relative;

margin: 0 30px;

padding-bottom: 4px;

font-size: 18px;

color: #000 !important;

transition: 0.2s;

}

button a {

color: #fff !important;

}

a:before,

a:after {

content: '';

position: absolute;

width: 0%;

height: 2px;

bottom: -2px;

background: #4E506B;

}

a:before {

left: 0;

}

a:after {

right: 0;

background: #4E506B;

transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);

}

a:hover:before {

background: #4E506B;

width: 100%;

transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);

}

a:hover:after {

background: transparent;

width: 100%;

transition: 0s;

}