.topbar .i18n-language-switcher { flex: 0 0 auto; }
.topbar .i18n-language-button {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}
.topbar .i18n-language-button:hover {
  border-color: rgba(255, 255, 255, .58);
  background: rgba(255, 255, 255, .16);
  color: #fff;
}
.topbar .i18n-language-button:active,
.topbar .i18n-language-switcher.is-open .i18n-language-button {
  border-color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .2);
  color: #fff;
}
.topbar .i18n-language-button:focus-visible {
  outline-color: #fff;
}
.topbar .i18n-language-button:disabled,
.topbar .i18n-language-switcher.is-loading .i18n-language-button {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .04);
  color: rgba(255, 255, 255, .42);
}

@media (max-width: 560px) {
  .topbar-inner { gap: 9px; }
  .topbar .brand { min-width: 0; margin-right: auto; }
  .topbar .brand > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .topbar .theme-toggle,
  .topbar .i18n-language-button { min-height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .topbar .i18n-language-button { transition: none; }
}