.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: #fff;
    background-color: rgb(12, 10, 12);
    border-color: #ddd;
}

/* ...a bunch of other CSS... */

/* Now do one of the following options */

/* SAME SPECIFICITY OPTION - 0 0 2 2, needs to come AFTER original rule */
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: rgb(12, 10, 12);
    border-color: rgb(12, 10, 12);
    color: white;
}
/* GREATER SPECIFICITY - SMALL increase, 0 0 2 3 */
ul.pagination > li > a:focus,
ul.pagination > li > a:hover,
ul.pagination > li > span:focus,
ul.pagination > li > span:hover {
    background-color: rgb(12, 10, 12);
    color: white;
    border-color: rgb(12, 10, 12);
}
/* GREATER SPECIFICITY - LARGE increase, 0 1 1 1 */    
#my-paginator a:focus,
#my-paginator a:hover,
#my-paginator span:focus,
#my-paginator span:hover {
    background-color: rgb(12, 10, 12);
    color: white;
    border-color: rgb(12, 10, 12);
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: rgb(12, 10, 12);
    border-color:rgb(12, 10, 12);
  }