Sith/core/static/core/pagination.scss

@import "colors";

.pagination {
  text-align: center;
  gap: 10px;
  margin: 30px;

  button {
    background-color: var(--bg-off-white);
    min-width: 37px;

    &:hover {
      background-color: var(--bg-lightgrey);
    }

    &.active,
    &.active:hover {
      background-color: var(--deepblue);
      color: white;
      border-radius: 50%;
    }

    .pagination-arrow {
      // previous and next buttons
      &:disabled {
        // Hide the arrows when they are disabled, without
        // changing the layout of the navigation
        opacity: 0;
      }
    }
  }
}