.page-language-switcher {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  max-width: 1180px;
  margin: 1rem auto;
  padding: .65rem .8rem;
  border: 1px solid var(--border, #d8dde5);
  border-radius: .75rem;
  background: var(--surface, #fff);
  color: var(--text, #172033);
  font-size: .92rem;
}
.page-language-switcher__label {
  margin-inline-end: .15rem;
  font-weight: 700;
}
.page-language-switcher a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .3rem .6rem;
  border: 1px solid var(--border, #d8dde5);
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
  background: var(--surface-2, #f5f7fa);
}
.page-language-switcher a:hover,
.page-language-switcher a:focus-visible {
  text-decoration: underline;
}
.page-language-switcher a[aria-current="page"] {
  border-color: currentColor;
  font-weight: 800;
}
@media (max-width: 640px) {
  .page-language-switcher {
    margin: .75rem;
    font-size: .88rem;
  }
  .page-language-switcher__label {
    flex-basis: 100%;
  }
}