.pagination {
  margin-top: 6rem;
  text-align: center;
  font-family: $heading-font-family;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;

  li {
    display: flex;
    justify-content: center;
    align-items: center;

    > a,
    &.current-page {
      margin: 0;
      padding: 0 0.25em;
      font-family: $heading-font-family;
      font-weight: $heading-font-weight;
    }

    > a {
      display: block;
      text-decoration: none;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}