.cj-lang-option {
  cursor: pointer;
  border-radius: 0.35rem;
  transition: background-color 180ms ease, color 180ms ease;
}

.cj-lang-option:hover,
.cj-lang-option:focus-visible {
  background: #f8fafc;
  color: #072338;
  outline: none;
}

.cj-lang-option--active {
  background: rgba(34, 164, 213, 0.09);
  color: #072338 !important;
  font-weight: 700;
}

.cj-mobile-lang-original {
  display: none !important;
}

.cj-mobile-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.75rem;
  padding: 0.3rem 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.45);
}

.cj-mobile-lang-switch button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.35rem;
  min-height: 2.1rem;
  padding: 0 0.55rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: color 180ms ease, background-color 180ms ease;
}

.cj-mobile-lang-switch button:hover,
.cj-mobile-lang-switch button:focus-visible {
  color: #fff;
  outline: 2px solid rgba(34, 164, 213, 0.8);
  outline-offset: 2px;
}

.cj-mobile-lang-switch button.is-active {
  background: #22a4d5;
  color: #fff;
  box-shadow: 0 7px 20px rgba(34, 164, 213, 0.3);
}

html[data-cj-language="en"] .cta-contact-button {
  max-width: min(100%, 30rem);
  white-space: normal;
  text-align: center;
  line-height: 1.25;
}

html[data-cj-language="en"] .mobile-menu-link,
html[data-cj-language="en"] .mobile-menu-cta {
  line-height: 1.15;
}

@media (max-width: 420px) {
  .cj-mobile-lang-switch {
    gap: 0.2rem;
    padding-inline: 0.3rem;
  }

  .cj-mobile-lang-switch button {
    min-width: 2rem;
    padding-inline: 0.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cj-lang-option,
  .cj-mobile-lang-switch button {
    transition: none;
  }
}