{{/*
    099_page_navigation.css
    Eryn Wells <eryn@erynwells.me>
*/}}




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

.page-navigation {
  align-items: baseline;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  list-style: none;
  padding-inline: 0;

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

  li {
    display: flex block;
    height: 2lh;
  }

  .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);
  }
}