/* Language switcher: show the current language next to the icon, so that
   readers see that the button changes the language. */
.md-header__option .md-select > .md-header__button {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  width: auto;
  padding: 0.2rem 0.5rem;
  border: 1px solid currentColor;
  border-radius: 0.2rem;
  opacity: 0.9;
}
.md-header__option .md-select > .md-header__button:hover { opacity: 1; }
.md-header__option .md-select > .md-header__button::after {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
html[lang="en"] .md-header__option .md-select > .md-header__button::after { content: "English ▾"; }
html[lang="uk"] .md-header__option .md-select > .md-header__button::after { content: "Українська ▾"; }
html[lang="ru"] .md-header__option .md-select > .md-header__button::after { content: "Русский ▾"; }
@media screen and (max-width: 59.984375em) {
  html[lang="en"] .md-header__option .md-select > .md-header__button::after { content: "EN ▾"; }
  html[lang="uk"] .md-header__option .md-select > .md-header__button::after { content: "UA ▾"; }
  html[lang="ru"] .md-header__option .md-select > .md-header__button::after { content: "RU ▾"; }
}