.paginator {
  display: flex;
  margin: 0 auto;

  .pageButton {
    appearance: none;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--container-main-border);

    &.previous {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    &.next {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }

    &:not(:last-of-type) {
      border-right: 0;
    }

    &:not([disabled]) {
      cursor: pointer;
    }
  }
}