.base-button {
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;

  box-shadow: 2px -1px 66px 39px rgba(0, 0, 0, 0.33) inset;
  -webkit-box-shadow: 2px -1px 66px 39px rgba(0, 0, 0, 0.33) inset;
  -moz-box-shadow: 2px -1px 66px 39px rgba(0, 0, 0, 0.33) inset;
}

.base-button-blue {
  background-color: blue;
}

.base-button-blue:hover {
  background-color: darkblue;
}

.base-button-blue:active {
  background-color: blue;
}

.base-button-gray {
  background-color: gray;
}

.base-button-gray:hover {
  background-color: dimgray;
}

.base-button-gray:active {
  background-color: gray;
}

.base-button-green {
  background-color: green;
}

.base-button-green:hover {
  background-color: darkgreen;
}

.base-button-green:active {
  background-color: green;
}

.base-button-red {
  background-color: red;
}

.base-button-red:hover {
  background-color: darkred;
}

.base-button-red:active {
  background-color: red;
}

.base-button-orange {
  background-color: orange;
}

.base-button-orange:hover {
  background-color: yellow;
}

.base-button-orange:active {
  background-color: orange;
}

.base-button-cyan {
  background-color: darkcyan;
}

.base-button-cyan:hover {
  background-color: cyan;
}

.base-button-cyan:active {
  background-color: darkcyan;
}

.base-button-outline {
  background-color: white;
  border: 2px solid;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.base-button-outline-blue {
  color: blue;
  border-color: blue;
}

.base-button-outline-blue:hover {
  color: white;
  background-color: blue;
}

.base-button-outline-gray {
  color: gray;
  border-color: gray;
}

.base-button-outline-gray:hover {
  color: white;
  background-color: gray;
}

.base-button-outline-green {
  color: green;
  border-color: green;
}

.base-button-outline-green:hover {
  color: white;
  background-color: green;
}

.base-button-outline-red {
  color: red;
  border-color: red;
}

.base-button-outline-red:hover {
  color: white;
  background-color: red;
}

.base-button-outline-orange {
  color: orange;
  border-color: orange;
}

.base-button-outline-orange:hover {
  color: white;
  background-color: orange;
}

.base-button-outline-cyan {
  color: darkcyan;
  border-color: darkcyan;
}

.base-button-outline-cyan:hover {
  color: white;
  background-color: darkcyan;
}