.jbx-lang-control-area {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.ast-header-button-1 .jbx-lang-control-area--desktop {
  margin-right: 12px;
}

.jbx-lang-control {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.jbx-lang-option {
  min-width: 34px;
  height: 28px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #b8c0d4 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em;
  text-decoration: none !important;
  transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.jbx-lang-option:hover,
.jbx-lang-option:focus-visible {
  color: #ffffff !important;
  background: rgba(124, 58, 237, 0.14);
  outline: none;
}

.jbx-lang-option.is-current {
  color: #ffffff !important;
  background: rgba(124, 58, 237, 0.28);
  box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.28);
}

@media (max-width: 921px) {
  #ast-mobile-popup .ast-builder-menu-mobile {
    display: flex;
    flex-direction: column;
  }

  #ast-mobile-popup .jbx-lang-control-area--mobile {
    order: -1;
    width: calc(100% - 40px);
    margin: 8px 20px 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    justify-content: flex-start;
  }

  #ast-mobile-popup .jbx-lang-control--mobile {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(148, 163, 184, 0.24);
  }

  #ast-mobile-popup .jbx-lang-option {
    min-width: 42px;
    height: 34px;
    padding: 0 12px;
    color: #cbd5e1 !important;
  }

  #ast-mobile-popup .jbx-lang-option.is-current {
    color: #ffffff !important;
    background: rgba(124, 58, 237, 0.30);
  }
}