.site-header .header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 20px;
}

.language-switch {
  color: #b7bbb3;
  font-family: var(--font-geist-mono), monospace;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: color .2s;
}

.language-switch:hover,
.language-switch:focus-visible {
  color: var(--acid);
}

@media (max-width: 600px) {
  .site-header .header-actions {
    gap: 14px;
  }
}