@import "../../variables.scss";
/* PaginationComp.module.scss */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;

    :global {
      .page-item {
        .page-link {
          color: #f49320;
          background-color: #fff;
          border: 1px solid #dee2e6;
          transition: all 0.2s;

          &:hover {
            background-color: #e2e6ea;
            color: #0a58ca;
          }
        }

        &.active .page-link {
          background-color: #f49320;
          border-color: #f49320;
          color: white;
        }

        &.disabled .page-link {
          color: #5a5f63;
          background-color: #f8f9fa;
          border-color: #dee2e6;
          cursor: not-allowed;
        }
      }
    }
  }