.btn.btn.btn-primary {
  background-color: var(--blue);
}

.btn-primary:hover {
  background-color: rgb(20, 100, 223);
}

.btn-secondary {
  background-color: var(--gray);
}

.btn-secondary:hover {
  background-color: rgb(80, 80, 80);
}

.btn-warning {
  background-color: var(--yellow);
}

.btn-warning:hover {
  background-color: rgb(255, 175, 0);
}

.btn-danger {
  background-color: var(--red);
}

.btn-danger:hover {
  background-color: rgb(255, 0, 0);
}

.btn-success {
  background-color: var(--green);
}

.btn-success:hover {
  background-color: rgb(0, 200, 0);
}

.hidden-color-scheme-toggle {
  width: 10rem;
  height: 100%;
  opacity: 0;
}