.lang-switcher{

  position:relative;

}

.lang-current{

  width:48px;

  height:42px;

  border:1px solid rgba(12,12,18,.10);

  border-radius:12px;

  background:#fff;

  display:flex;

  align-items:center;

  justify-content:center;

  cursor:pointer;

  font-size:24px;

  transition:.2s;

}

.lang-current:hover{

  border-color:rgba(12,12,18,.25);

}

.lang-menu{

  position:absolute;

  top:50px;

  right:0;

  min-width:60px;

  background:#fff;

  border:1px solid rgba(12,12,18,.10);

  border-radius:12px;

  box-shadow:
    0 12px 30px rgba(0,0,0,.08);

  display:none;

  overflow:hidden;

  z-index:1000;

}

.lang-menu.open{

  display:block;

}

.lang-item{

  display:flex;

  align-items:center;

  justify-content:center;

  height:44px;

  font-size:24px;

  text-decoration:none;

  transition:.15s;

}

.lang-item:hover{

  background:#f5f5f5;

}