#ccg-gradient-button {
  background: linear-gradient(to right, rgba(6,50,104,1), rgba(40,100,62,.8), rgba(129,152,37,.6), rgba(129,152,37,0));
  color: white;
  padding: 10px 2em 10px .7em;
  text-align: center;
  text-decoration: none;
  text-shadow: 2px 2px 4px black;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
   border-radius: 10px;
   border: 0;
}


#ccg-gradient-button:hover {
  background: linear-gradient(to right, rgba(129,152,37,0), rgba(129,152,37,.6), rgba(40,100,62,.8), rgba(6,50,104,1));
  color: white;
  text-shadow: 2px 2px 4px black;
}