.neo-lang{ position:relative; display:inline-flex; }
.neo-lang__button{
  display:flex; 
  align-items:center; 
  gap:.5rem;
  padding:.5rem .75rem; 
  background: transparent;
  color: var(--ast-global-color-0), #fff;;
  cursor:pointer; 
  line-height:1;
  font: 500 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  border: none;
  box-shadow: unset;
}
.neo-lang__button:hover,
.neo-lang__button:focus{ background:none; color: var(--ast-global-color-7); }
.neo-lang__icon{ width:18px; height:18px; color: var(--ast-global-color-0); }
.neo-lang__button:hover .neo-lang__icon {
  color: var(--ast-global-color-7);
}
.neo-lang__chev{ font-size:12px; opacity:.7; }
.neo-lang__chev svg { fill: var(--ast-global-color-0); }
.neo-lang__button:hover .neo-lang__chev svg { fill: var(--ast-global-color-7); }

.neo-lang__menu{
  position:absolute; 
  right:0; top:100%; 
  margin-top:.4rem; 
  min-width:240px;
  background:#333333; 
  border-top:2px solid var(--ast-global-color-1);
  box-shadow:0 10px 30px rgba(0,0,0,.08); 
  padding:.25rem; 
  list-style:none;
  z-index:99;
}
.neo-lang__menu li{ margin:0; padding:0; }
.neo-lang__item{
  display:flex; 
  /* justify-content:space-between;  */
  align-items:center;
  line-height: 1em;
  padding: .9em 1em;
  text-decoration:none;
  color: var(--ast-global-color-0);
  font-size: 12px;
  text-transform: uppercase;
}
.neo-lang__item:hover{ background:rgba(255,255,255,0.07); outline:none; color: inherit;}
.neo-lang__item:focus{ outline: none; background: none;}
.neo-lang__item.is-current{ color: var(--ast-global-color-1); }
.neo-lang__code{ opacity:.6; font-variant: small-caps; }

.neo-arrow-svg {
    height: .6em;
    width: .6em;
    position: relative; 
}