a.button,
a.black-button,
a.blue-button,
a.dark-blue-button,
a.donate-button,
a.green-button,
a.gold-button,
a.gray-button,
a.pink-button,
a.theme1-button,
a.theme2-button,
a.yellow-button
 {
  border-radius: .25rem;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  margin: 0 1rem 0;
  padding: .5rem 1rem .5rem;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

a.button,
a.blue-button,
a.theme1-button {
  background-color: #fff;
  border: 2px solid #00aea9;
  color: #00aea9;
}
a.button:focus,
a.button:hover,
a.blue-button:focus,
a.blue-button:hover,
a.theme1-button:hover {
  background-color: #00aea9;
  color: #fff;
}


a.black-button,
a.theme2-button {
  background-color: #fff;
  border: 2px solid #3d3935;
  color: #3d3935;
}
a.black-button:focus,
a.black-button:hover,
a.theme2-button:focus,
a.theme2-button:hover {
  background-color: #3d3935;
  color: #fff;
}

a.dark-blue-button {
  background-color: #fff;
  border: 2px solid #1b448a;
  color: #1b448a;
}
a.dark-blue-button:focus,
a.dark-blue-button:hover {
  background-color: #1b448a;
  color: #fff;
}

a.donate-button {
  background-color: #e03642;
  border: 2px solid #fff;
  color: #fff;
  text-transform: uppercase;
}
a.donate-button:focus,
a.donate-button:hover {
  background-color: #bf373f;
  color: #fff;
}

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

a.gold-button {
  background-color: #fff;
  border: 2px solid #f9a11b;
  color: #3d3935;
}
a.gold-button:focus,
a.gold-button:hover {
  color: #3d3935;
  background-color: #f9a11b;
}

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

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

a.yellow-button {
  background-color: #fff;
  border: 2px solid #fec52e;
  color: #3d3935;
}
a.yellow-button:focus,
a.yellow-button:hover {
  background-color: #fec52e;
  color: #3d3935;
}