.lang button,
.lang-btn {
  position: relative;
  min-width: 30px;
  min-height: 30px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  transition:
    box-shadow 0.18s ease,
    color 0.18s ease,
    transform 0.12s ease;
}

.lang button.on,
.lang button.is-active,
.lang button[aria-pressed="true"],
.lang-btn.is-active,
.lang-btn[aria-pressed="true"] {
  box-shadow: inset 0 -2px 0 currentColor;
  font-weight: 800;
}

.lang button:active,
.lang-btn:active {
  transform: translateY(1px);
}

.lang button:focus-visible,
.lang-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}