Pagination Code,

echo "<div align='center'>";
echo "<div class='pagination'>";

// Previous link
if ($page > 1) {
    echo "<a href='?page=" . ($page - 1) . "'>«" . ($page - 1) . " Pre</a>";
}

// Page 1 link
echo "<a href='?page=1'>1</a>";

// Current page link
echo "<a class='active' href='?page=" . $page . "'>" . $page . "</a>";

// Last page link
echo "<a href='?page=" . $total_pages . "'>" . $total_pages . "</a>";

// Next page link
if ($page < $total_pages) {
    echo "<a href='?page=" . ($page + 1) . "'>Next  ". ($page + 1) .  "»</a>";
}
echo "</div>";
echo "</div>";

   /* Pagination container */
.pagination {
  display: inline-block;
  /*margin-top: 20px;*/
}

/* Pagination links */
.pagination a {
  color: black;
  float: left;
  padding: 9px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  background-color: aliceblue;
  border-radius: 25px;
}

/* Pagination links on hover */
.pagination a:hover {
  background-color: #ddd;
}

/* Current page */
.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}