a.button, 
a.blue-button, 
a.green-button, 
a.pink-button,
a.gray-button,
a.theme1-button,
a.theme2-button {
  border-radius: 8px;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  margin: 0 10px 0;
  padding: 5px 15px 5px;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
}

a.button,
a.theme1-button {
  background-color: #fff;
  border: 2px solid #003F6A;
  color: #003F6A;
}

a.button:hover,
a.theme1-button:hover {
  background-color: #003F6A;
  color: #fff;
}


a.blue-button,
a.theme2-button {
  background-color: #fff;
  border: 2px solid #1E549C;
  color: #1E549C;
}

a.blue-button:hover,
a.theme2-button:hover {
  background-color: #1E549C;
  color: #fff;
}

a.green-button {
  background-color: #fff;
  border: 2px solid #00A651;
  color: #00A651;
}

a.green-button:hover {
  background-color: #00A651;
  color: #fff;
}

a.gray-button {
  background-color: #fff;
  border: 2px solid #404040;
  color: #404040;
}

a.gray-button:hover {
  background-color: #404040;
  color: #fff;
}

a.pink-button {
  background-color: #fff;
  border: 2px solid #ed037c;
  color: #ed037c;
}

a.pink-button:hover {
  background-color: #ed037c;
  color: #fff;
}