.menu_element {
   text-decoration: none;
   padding: 6px;
  /*position: relative;*/
}

.menu_element:hover::after {
  width: 100%;
  right: 0;
}

.menu_element::after {
  /*background: none repeat scroll 0 0 transparent;*/
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  right: 0;
  position: absolute;
  background: linear-gradient(to left, #5877b8, #1bc4e0 100%);
  transition: width .1s ease 0s, right .1s ease 0s;
  width: 0;
}