.pagination {
    margin: 15px auto; 
    display: flex;
    list-style: none;
    outline: none;
    /* margin-left :250px; */
  }
  .pagination > .active > a{
    background-color: #4CAF50 ;
    /* border-color: #4CAF50 ; */
    color: #fff;
  }
  .pagination > li > a{
    /* border: 1px solid #4CAF50 ; */
    padding: 5px 10px;
    outline: none;
    cursor: pointer;
  }
  .pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
  } 
  
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #0BB7AF;
    color: white;
    border-radius: 5px;
  }