.pagination {
  display: flex;
}
.pagination a {
  color: #007bff;
  float: left;
  padding: 6px 15px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}
.pagination li.active a{
  background-color: #007bff;
  color: white;
  border: 1px solid #007bff;
}
.pagination li:first-child a {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.pagination li:last-child a {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
.hero-files-pagination .pagination {
li.active a {
      background-color: #209C86 !important;
      color: white !important;
      border: 1px solid #209C86;
}
a {
    float: left;
    padding: 6px 15px;
    text-decoration: none;
    transition: background-color .3s;
    color: inherit !important;
    background-color: white !important;
}
}
.custom-pagination-3d span {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #64748b;
}
.custom-pagination-3d button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  background-color: #fff !important;
  border: none !important;
  padding: 5px !important;
}
.custom-pagination-3d button:hover {
  background-color: #f1f5f9;
}