.pagination-container {
    margin: auto;
    width: fit-content;
}

.pagination {
    text-align: center !important;
}

  .pagination > li {
    display: inline-block;
    height: 40px;
    width: 40px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    margin-right: 6px;
  }
      .pagination > li.active {
        background: #ba8562;
        border-color: #ba8562;
      }
        .pagination > li.active > a {
            color: white!important;
        }
  .pagination li:hover {
    background: #0d0d0d;
    border-color: #ba8562;
    color: #ba8562;
  }
    .pagination li:hover > a {
      color: #ba8562 !important;
    }
    .pagination a {
        color: white;
    }