section.pagination {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin: 0.5em 0;
  .current { font-weight: bold; }
  .disabled { color: var(--text-inverted-color); }
}

.pagy.nav {

  display: flex;
  justify-content: center;

  & a {
    display: inline-flex;
    padding: 0.4rem;
    min-width: 2rem;
    border: 1px solid #eee;
    border-right-width: 0;
    text-align: center;
    text-decoration: none;
    justify-content: center;

    &[aria-disabled="true"] {
      color: var(--clr-canvas-text-disabled);
    }

    &:first-of-type,
    &.prev {
      border-top-left-radius: 0.3rem;
      border-bottom-left-radius: 0.3rem;
      border-left-width: 1px;
      font-weight: bold;
    }

    &:last-of-type,
    &.next {
      border-top-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem;
      border-right-width: 1px;
      font-weight: bold;
    }

  }

}