.horizontal {
  display: flex;
  flex-direction: row;
  gap: var(--gap-y, var(--gap)) var(--gap-x, var(--gap));

  > .spacer {
    margin-inline-start: auto;
  }

  > *,
  > :where(.contents) > *,
  > *:where(astro-island, astro-slot) > * {
    flex-grow: var(--grow);
  }
}