.btn-primary {
  color: #fff;
  background-color: var(--drk-blue);
  border-color: var(--drk-blue);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--drk-blue-full);
  border-color: var(--drk-blue-mid);
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: var(--drk-blue-full);
  border-color: var(--drk-blue-mid);
  box-shadow: 0 0 0 0.25rem var(--drk-blue-light);
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--drk-blue-mid);
  border-color: var(--drk-blue);
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem var(--drk-blue-light);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--drk-blue);
  border-color: var(--drk-blue);
}

.btn-outline-primary {
  color: var(--drk-blue);
  border-color: var(--drk-blue);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--drk-blue);
  border-color: var(--drk-blue);
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem var(--drk-blue-light);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  color: #fff;
  background-color: var(--drk-blue);
  border-color: var(--drk-blue);
}
.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  box-shadow: 0 0 0 0.25rem var(--drk-blue-light);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--drk-blue);
  background-color: transparent;
}