.LanguageMenu {
  display: flex;
  align-items: flex-end;
  margin: 0.5rem auto;
}

.LanguageMenu__items {
  display: flex;
  flex-direction: row;
}

.LanguageMenu__label {
  font-size: 0.85rem;
}

.LanguageMenu__item {
  cursor: pointer;
}

.LanguageMenu__item--current {
  font-weight: 700;
}

.LanguageMenu--flags {
  justify-content: center;
  margin: 1rem;

  .LanguageMenu__label {
    display: none;
  }

  .LanguageMenu__item {
    margin: 0 0.5rem;
  }

  .LanguageMenu__item-icon {
    width: 2rem;
    border-radius: 2px;
    aspect-ratio: 4 / 3;
  }

  .LanguageMenu__item-label {
    display: none;
  }
}

.LanguageMenu--dropdown {
  position: relative;
  flex-direction: column;

  a {
    color: var(--clr-primary);
  }

    a:hover {
      font-weight: 700;
    }

  .LanguageMenu__label {
    cursor: pointer;

    i {
      margin-right: 0.5rem;
      font-size: 0.625rem;
      transform-origin: center;
    }
  }

  .LanguageMenu__items {
    position: absolute;
    top: 1rem;
    flex-direction: column;
    overflow: hidden;
    height: 0;
    background-color: var(--font-colorLight);
  }
}

.LanguageMenu--dropdown:hover {
    .LanguageMenu__label i {
      transform: rotate(180deg);
    }

    .LanguageMenu__items {
      height: auto;
      padding: 1rem;
    }
  }

.LanguageMenu--dropdown {

  .LanguageMenu__item {
    padding: 0.5rem 0;
  }
}