react-datable/dist/Pagination/pagination.css

react-datable is a lightweight, fast and extendable datagrid built for React

.pagination {
  margin: 15px auto;
  display: flex;
  list-style: none;
  outline: none;
}
.pagination > .active > a {
  background-color: #11a9e0;
  border-color: #11a9e0;
  color: #fff;
}
.pagination > li > a {
  border: 1px solid #11a9e0;
  padding: 5px 10px;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #11a9e0;
  border-color: #11a9e0;
  outline: none;
}
.pagination > li > a,
.pagination > li > span {
  color: #11a9e0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: unset;
}