@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

.buttonContainer{
  text-align:center;
}

/* BUTTON CSS
------------------------------------------- */

a.button{
  display:inline-block;
  font:normal normal 300 1.3em 'Open Sans';
  text-decoration:none; 

  margin-top: -30px;
  color: #000000;
  background-color:transparent;
  border: 2px solid goldenrod;
  border-radius: 100px;
  font-weight: bold;
  box-shadow: -5px 5px 3px #000, 0 0px 1px #808080;
  background-color: #fda;
  padding: 0.15em 1.2em;
  background-size: 200% 100%; 
  background-image: linear-gradient(to right, transparent 50%, rgb(64 89 142) 50%);
  transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}

a.button:hover{
  font-weight: bold;
  color: white;
  background-color:rgb(64 89 142);
  background-position: -100% 100%;
}