.pagination {
padding: 3em 0 0 0; text-align: center; list-style: none; & a { text-decoration: none; }
}
.pagination a {
display: inline-block; border: 0.05em solid $jumbo-gray; padding: 0.7em; margin-top: 0.5em; transition: color 0.5s, background-color 0.5s, font-size 0.5s, padding 0.5s; cursor: pointer; &:hover { background-color: $jumbo-gray; color: $white; }
}
.pagination li:hover a {
color: $white;
}
.selected {
background-color: $jumbo-gray; color: $white;
}
.selected a {
color: $white; transition: color 0.5s; &:hover { color: $outer-space; }
}
@media all and (max-width: 450px) {
.pagination li { padding: 0.5em; font-size: 13px; }
}