flashy button

HTML

<button>Tiger Hovercut!</button>

CSS

button {
  background-image:linear-gradient(to left, #f6d365 0%, #fda085 51%, #f6d365 100%);
  background-size:200%;
  transition:background-position .4s, margin .2s, box-shadow .3s;
/* unnecessary styles */
  padding:15px 20px;
  border-radius:10px;
  border:none;
  text-align:center;
  cursor:pointer;
  outline:none;
  display:inline-block;
  font-weight:normal;
  margin:0;
  box-shadow:0 0 6px rgba(0,0,0,0);
}
button:hover {
  background-position:200% 0;
  color:#fff;
  box-shadow:3px 3px 6px rgba(0,0,0,.5);
}
button:active {
  box-shadow:3px 3px 6px rgba(0,0,0,0);
  margin:3px 0 0 3px;
}