.language-dropdown {
  --language-dropdown-bg: var(--white-100);

  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0.5rem;
  align-items: center;

  &:has(.language-dropdown-button[aria-expanded="true"]) .language-dropdown-list {
    display: flex;
  }
}

.language-dropdown img {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
}

.language-dropdown-button {
  display: flex;
}

.language-dropdown-list {
  display: none;
  position: absolute;
  top: 120%;
  background-color: var(--language-dropdown-bg);
  padding: 0.5rem;
  box-shadow: 0 2px 10px #00000029;
  flex-direction: column;
  gap: 0.5rem;
}

.language-dropdown-item {
  display: flex;

  &:has(a[aria-current="true"]) {
    display: none;
  }
}

.language-dropdown-item a {
  display: flex;
}