Button 40 

<a class="spec-button" href="#">Button 40</a>

/*-- Button 40 --*/
.spec-button {
  position: relative;
  display : inline-block;
  padding : 5px 36px;  
  overflow   : hidden;
  transition : all .2s;
  font-size  : 16px;
  font-weight: bold;
  font-style : italic;
  font-family: georgia;
  color      : #000;
  cursor     : pointer;
  border-radius : 10px;
  user-select: none;
  background    : linear-gradient(to bottom , #eed200 , #eed200);
  border        : 1px solid #ff0;
  box-shadow    : 0 7px 0 0 #880;
  text-transform: capitalize;
  text-shadow   : 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.spec-button:after {
  display : block;
  content : '';
  width   : 60px;
  height  : 100%;
  position: absolute;
  top     : 0;
  left    : -68px;  
  background : linear-gradient(to right,#ffff05 10% ,transparent 0 ,  transparent 20% , #ffff05 0);
  z-index    : 1;
  transform  : skew(-18deg);
  transition : left .5s cubic-bezier(1,0,0,1);
}

.spec-button:hover:after {
  left  : 103%;
  transition : left .3s linear;
}

.spec-button:active {
  box-shadow : none;
  transform  : translateY(7px);
  transition : all .3s;
}