.button-dark-bg {
  background-color: #202e39;
}
/* Blue buttons on dark background */
.button-dark-bg .btn-primary-blue-dark {
  color: #202e39;
  background-color: #14b9ff;
  border-color: #14b9ff;
}
.button-dark-bg .btn-primary-blue-dark:hover {
  color: #202e39;
  background-color: #64cefb;
  border-color: #64cefb;
}
.button-dark-bg .btn-primary-blue-dark:focus {
  color: #202e39;
  background-color: #9be1ff;
  border-color: #9be1ff;
}
.button-dark-bg .btn-primary-blue-dark:disabled {
  color: #202e39;
  background-color: #677a89;
  border-color: #677a89;
}

.button-dark-bg .btn-default-blue-dark {
  color: #14b9ff;
  background-color: transparent;
  border-color: #14b9ff;
}
.button-dark-bg .btn-default-blue-dark:hover {
  color: #64cefb;
  background-color: transparent;
  border-color: #64cefb;
}
.button-dark-bg .btn-default-blue-dark:focus {
  color: #9be1ff;
  background-color: transparent;
  border-color: #9be1ff;
}
.button-dark-bg .btn-default-blue-dark:disabled, .button-dark-bg .btn-default-blue-dark:disabled:hover {
  color: #677a89;
  background-color: transparent;
  border-color: #677a89;
  border: 1px solid #677a89;
}

.button-dark-bg .btn-link-blue-dark {
  color: #14b9ff;
  background-color: transparent;
  border-color: transparent;
}
.button-dark-bg .btn-link-blue-dark:hover {
  color: #64cefb;
  background-color: #32424e;
  border-color: #32424e;
}
.button-dark-bg .btn-link-blue-dark:focus {
  color: #9be1ff;
  background-color: #465967;
  border-color: #465967;
}
.button-dark-bg .btn-link-blue-dark:disabled, .button-dark-bg .btn-link-blue-dark:disabled:hover {
  color: #677a89;
  background-color: transparent;
  border-color: transparent;
}

/* Green buttons on dark background */
.button-dark-bg .btn-primary-green-dark {
  color: #202e39;
  background-color: #8dc002;
  border-color: #8dc002;
}
.button-dark-bg .btn-primary-green-dark:hover {
  color: #202e39;
  background-color: #bed733;
  border-color: #bed733;
}
.button-dark-bg .btn-primary-green-dark:focus {
  color: #202e39;
  background-color: #d8ec74;
  border-color: #d8ec74;
}
.button-dark-bg .btn-primary-green-dark:disabled {
  color: #202e39;
  background-color: #677a89;
  border-color: #677a89;
}

.button-dark-bg .btn-default-green-dark {
  color: #8dc002;
  background-color: transparent;
  border-color: #8dc002;
}
.button-dark-bg .btn-default-green-dark:hover {
  color: #bed733;
  background-color: transparent;
  border-color: #bed733;
}
.button-dark-bg .btn-default-green-dark:focus {
  color: #d8ec74;
  background-color: transparent;
  border-color: #d8ec74;
}
.button-dark-bg .btn-default-green-dark:disabled {
  color: #677a89;
  background-color: transparent;
  border-color: #677a89;
}

.button-dark-bg .btn-link-green-dark {
  color: #8dc002;
  background-color: transparent;
  border-color: transparent;
}
.button-dark-bg .btn-link-green-dark:hover {
  color: #bed733;
  background-color: #32424e;
  border-color: #32424e;
}
.button-dark-bg .btn-link-green-dark:focus {
  color: #d8ec74;
  background-color: #465967;
  border-color: #465967;
}
.button-dark-bg .btn-link-green-dark:disabled {
  color: #677a89;
  background-color: transparent;
  border-color: transparent;
}

/* Teal buttons on dark background */
.button-dark-bg .btn-primary-dark {
  color: #202e39;
  background-color: #3ec1be;
  border-color: #3ec1be;
}
.button-dark-bg .btn-primary-dark:hover {
  color: #202e39;
  background-color: #61ded8;
  border-color: #61ded8;
}
.button-dark-bg .btn-primary-dark:focus, .button-dark-bg .btn-priamry-dark:active {
  color: #202e39 !important;
  background-color: #8df2ed !important;
  border-color: #8df2ed !important;
}
.button-dark-bg .btn-primary-dark:disabled {
  color: #202e39;
  background-color: #677a89;
  border-color: #677a89;
}

.button-dark-bg .btn-default-dark {
  color: #3ec1be;
  background-color: transparent;
  border-color: #3ec1be;
}
.button-dark-bg .btn-default-dark:hover {
  color: #61ded8;
  background-color: transparent;
  border-color: #61ded8;
}
.button-dark-bg .btn-default-dark:focus, .button-dark-bg .btn-default-dark:active {
  color: #8df2ed !important;
  background-color: transparent !important;
  border-color: #8df2ed !important;
}
.button-dark-bg .btn-default-dark:disabled {
  color: #677a89;
  background-color: transparent;
  border-color: #677a89;
}
.button-dark-bg .btn-link-teal-dark {
  color: #3ec1be;
  background-color: transparent;
  border-color: transparent;
}
.button-dark-bg .btn-link-teal-dark:hover {
  color: #61ded8;
  background-color: #32424e;
  border-color: #32424e;
}
.button-dark-bg .btn-link-teal-dark:focus {
  color: #8df2ed;
  background-color: #465967;
  border-color: #465967;
}
.button-dark-bg .btn-link-teal-dark:disabled {
  color: #677a89;
  background-color: transparent;
  border-color: transparent;
}