.legal-language {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10;
  padding: 9px 13px;
  border: 1px solid var(--legal-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--legal-surface) 90%, transparent);
  color: var(--legal-ink);
  box-shadow: 0 9px 24px var(--legal-shadow);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  backdrop-filter: blur(14px);
}
.legal-language:hover { border-color: var(--legal-accent); color: var(--legal-accent); }
[hidden] { display: none !important; }
@media (max-width: 600px) { .legal-language { top: 12px; right: 12px; } }