/******************
 # PAGE NAVIGATION
 ******************/

.page-navigation {
  list-style: none;
  padding-inline: 0;

  &:has(.next-page:only-child) {
    justify-content: flex-end;
  }

  li {
    display: block;
  }

  .next-page {
    text-align: right;
  }

  .previous-page::before {
    content: "←";
    padding-inline-end: var(--space-s);
  }

  .next-page::after {
    content: "→";
    padding-inline-start: var(--space-s);
  }
}