.button-container a {
  text-decoration: none;
  outline: none;
  display: inline-block;
  background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%);
  background-position: 100% 0;
  background-size: 200% 200%;
  color: white;
  border-radius: 30px;
  padding: 12px 40px;
  margin: 10px 20px;
  
  font-weight: 300;

  transition: .5s;
}
.button-container a:hover {
  box-shadow: 0 0px 0px 0 rgba(0, 40, 120, 0);
  background-position: 0 0;}