.pagination {
    display: flex;
    justify-content: center;
    margin: 2% 25%;
}
@media only screen and (max-width: 667px) {
    .pagination{
        margin: 8% 20%;
    }
}
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
@media only screen and (max-width: 667px) {
    .pagination a{
        padding:3px 10px;  
        font-size:18px; 
    }
} 
.pagination a.active {
    background-color: #ffcc33;
    color: white;
    border-radius: 5px;
}
   
.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}