Button 44 

<a class="border-button" href="#">Button 44</a>

/*-- Button 44 --*/
.border-button {
  position:relative;
  display:inline-block;
  width:155px;
  height:30px;
  background-color:red;
  line-height:29px;
  color:yellow;
  font-family:'arial';
  text-align:center;
  text-decoration:none;
  cursor: pointer;
  border-radius: 4px;
  overflow:hidden
}
.border-button:after {
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:1px;
  background-color:yellow;
  transform:scale3d(0,2,2);
  transform-origin:left;
  transition:transform .3s;
}
.border-button:hover:after {
  transform:scale3d(1,1,1);
}