.lang-picker{position:relative;flex-shrink:0;z-index:55}
.lang-picker-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;padding:0;
  background:transparent;border:1px solid var(--line,rgba(199,168,106,.16));
  color:var(--ivory-soft,#cfc9bd);cursor:pointer;transition:.25s;
}
.lang-picker-btn:hover,.lang-picker-btn[aria-expanded="true"]{
  border-color:var(--gold,#c9a86a);color:var(--gold,#c9a86a);
}
.lang-picker-icon{width:18px;height:18px;display:block}
.lang-picker-menu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:148px;
  margin:0;padding:6px 0;list-style:none;
  background:var(--panel,#14171f);border:1px solid var(--line,rgba(199,168,106,.16));
  box-shadow:0 16px 40px -20px rgba(0,0,0,.85);
}
.lang-picker-menu:not([hidden]){display:block}
.lang-picker-menu a{
  display:block;padding:10px 16px;font-family:var(--sans,"Jost",sans-serif);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ivory-soft,#cfc9bd);text-decoration:none;transition:.2s;
}
.lang-picker-menu a:hover{
  color:var(--gold,#c9a86a);background:rgba(201,168,106,.06);
}
.lang-picker-menu a.is-active{color:var(--gold-2,var(--gold,#e3c585))}

@media(max-width:760px){
  .lang-picker{margin-left:2px}
}