.language-switcher {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: rgb(255 255 255 / 4%);
}

.language-switcher a {
  display: inline-grid;
  place-items: center;
  min-width: 38px;
  min-height: 34px;
  border-radius: 6px;
  color: var(--color-muted-text);
  font-size: 0.78rem;
  font-weight: 820;
}

.language-switcher a[aria-current="page"] {
  background: var(--color-ink);
  color: var(--color-accent-contrast);
}

@media (max-width: 560px) {
  .language-switcher {
    width: 100%;
  }

  .language-switcher a {
    flex: 1;
  }
}