.language-switch button {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 4px 6px;
  font: inherit;
  line-height: 1;
  cursor: pointer;
  border-radius: 7px;
}

.language-switch button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.language-switch button.language-active {
  color: var(--accent);
  font-weight: 800;
  background: rgba(47, 107, 87, .09);
}

.language-switch button.language-muted {
  color: var(--muted);
  opacity: .72;
}

.language-switch button.language-muted:hover {
  opacity: 1;
  color: var(--accent);
}

/* Keep explanatory copy at the top of the secondary hero card
   and the trip/base duration as the visual anchor at the bottom. */
.hero-side {
  justify-content: space-between;
}

.hero-side > p {
  order: -1;
  margin: 0;
}