.lang-switcher {
  position: relative;
  display: inline-block;
}

.selected-flag img {
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: transform 0.2s ease;
  /* border: 2px solid var(--dark-blue-color); */
  box-sizing: content-box;
  border-radius: 50%;
}

.selected-flag img:hover {
  transform: scale(1.1);
}

.lang-menu {
  position: absolute;
  top: 35px;
  display: flex;
  flex-direction: column;
  gap: 6px;

  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: all 0.25s ease;

  background-color: var(--dark-blue-color);
  padding: 10px;
  right: -10px;
  border-radius: 35px;
}

.lang-menu.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.lang-menu a img {
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.lang-menu a img:hover {
  transform: scale(1.15);
}