.menu-item:before,
.menu-item:after {
content: '';
display: block;
width: 100%;
height: 0px;
position: absolute;
left: 0;
transition: 200ms;
}
.menu-item:before {
top: 0;
}
.menu-item:after {
bottom: 0;
}
.menu-item:hover:before,
.menu-item:hover:after {
height: 2px;
}