.wp-pagenavi {
clear: both;
text-align: center;
margin: 10px 0;
} .wp-pagenavi a {
border: 1px solid #18a71a;
color: #18a71a;
padding: 0.5rem;
margin: 0 0.25rem;
text-decoration: none;
background: #fff;
border-radius: 3px;
} .wp-pagenavi a:hover {
background: #18a71a;
border: 1px solid #18a71a;
color: #fff;
} .wp-pagenavi span.pages {
border: 1px solid #18a71a;
color: #18a71a;
padding: 0.5rem;
margin: 0 0.25rem;
background: #fff;
border-radius: 3px;
} .wp-pagenavi span.current {
border: 1px solid #18a71a;
color: #fff;
padding: 0.5rem;
margin: 0 0.25rem;
background: #18a71a;
border-radius: 3px;
}
@media screen and (max-width: 767px) {
.wp-pagenavi a {
padding: 0.25rem;
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi span.current {
padding: 0.25rem;
}
}
@media screen and (max-width: 480px) {
.wp-pagenavi a,
.wp-pagenavi span {
white-space: nowrap;
font-size: 0.8rem;
}
}