Pagination styling for Divi filterable portfolios.

custom.css

/*
Pagination styling for portfolios.
*/
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li {
display: inline-block;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a {
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 2px solid #00AFB6;
font-size: 20px;
font-color: #666666;
font-weight: bold;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active {
background-color: #00AFB6;
color: white;
border-radius: 5px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:hover:not(.active) {
background-color: #87a4b5;
color: white;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}