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

.lang-toggle {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.lang-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: #222;
  min-width: 160px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}

.lang-switcher.is-open .lang-dropdown {
  opacity: 1;
  visibility: visible;
}

.lang-item {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
}

.lang-item:hover {
  background: #333;
}

.lang-item.is-active {
  color: #c26100;
}