/* The last thing on the first screen, stuck to the bottom right of the
   viewport; once the footer scrolls in, it rides up on top of it */
.language-switcher {
  position: sticky;
  bottom: 0;
  /* Above the page's content too (see layout.css), or text scrolling past
     would hide it */
  z-index: 2;
  align-self: flex-end;
  padding: 16px;
  font-family: var(--font-display);
  /* Stays put between pages (see layout.css) */
  view-transition-name: language-switcher;
}

.language-switcher__list {
  display: flex;
  gap: 0.5em;
}

.language-switcher__link {
  text-decoration: none;
}

/* Same stroke as the footer links: it gives the single-line Simplex weight */
.language-switcher__link[aria-current],
.language-switcher__link:hover,
.language-switcher__link:focus-visible {
  -webkit-text-stroke: 1px currentColor;
}