.jc-language-switcher {
  display: inline-flex;
  margin: 0 0 1.25rem;
  padding: 0.25rem;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid var(--jc-design-line, #d5e5e2);
  border-radius: 999px;
  background: var(--jc-design-paper, #f4f8f7);
}

.jc-language-switcher__item {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  color: var(--jc-design-teal-dark, #095357);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.jc-language-switcher a:hover {
  background: var(--jc-design-mint, #dff3ef);
  color: var(--jc-design-deep, #06282b);
}

.jc-language-switcher__item.is-active {
  background: var(--jc-design-deep, #06282b);
  color: #fff;
}

.jc-language-switcher a:focus-visible {
  outline: 3px solid var(--jc-design-teal, #0e6a6d);
  outline-offset: 2px;
}

@media (max-width: 480px) {
  .jc-language-switcher {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jc-language-switcher__item {
    width: 100%;
  }
}