.tl-language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.tl-language-switcher__label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.tl-language-switcher__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.tl-language-switcher__form {
  margin: 0;
}

.tl-language-switcher__btn {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0.2rem 0.62rem;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.2s ease;
}

.tl-language-switcher--light .tl-language-switcher__label {
  color: #475569;
}

.tl-language-switcher--light .tl-language-switcher__btn {
  color: #334155;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.tl-language-switcher--light .tl-language-switcher__btn:hover {
  background: #eef2ff;
  border-color: #93c5fd;
}

.tl-language-switcher--light .tl-language-switcher__btn.is-active {
  color: #0f172a;
  background: #dbeafe;
  border-color: #60a5fa;
}

.tl-language-switcher--dark .tl-language-switcher__label {
  color: rgba(183, 215, 247, 0.85);
}

.tl-language-switcher--dark .tl-language-switcher__btn {
  color: rgba(196, 224, 248, 0.88);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(94, 174, 230, 0.28);
}

.tl-language-switcher--dark .tl-language-switcher__btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(126, 207, 255, 0.6);
}

.tl-language-switcher--dark .tl-language-switcher__btn.is-active {
  color: #fff;
  background: rgba(35, 145, 228, 0.7);
  border-color: rgba(98, 193, 255, 0.95);
}