.md-typeset .md-button {
  border: 2px solid #25a9e0;
  background: transparent;
  font-weight: 700;
}

[data-md-color-scheme="default"] .md-typeset .md-button {
  color: #075f8d;
}

[data-md-color-scheme="slate"] .md-typeset .md-button {
  color: #55c7f0;
}

.md-typeset .md-button--primary {
  border-color: #25a9e0 !important;
  background: #25a9e0 !important;
  color: #03111b !important;
}

.md-typeset .md-button:hover,
.md-typeset .md-button:focus {
  border-color: #075f8d !important;
  background: #075f8d !important;
  color: #fff !important;
}

.md-typeset a:focus-visible,
.md-header button:focus-visible,
.md-header label:focus-visible {
  outline: 3px solid #f2b84b;
  outline-offset: 3px;
}

/* Match the palette control used by the RoebTec landing page and portal. */
.md-header__option > label.md-header__button[hidden] {
  display: none !important;
}

.md-header__option > label.md-header__button:not([hidden]) {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin: 0 0.2rem;
  padding: 0.4rem;
  border: 1px solid #26394c;
}

.md-header__option > label.md-header__button:not([hidden]) svg {
  width: 1.1rem;
  height: 1.1rem;
}