// Pagination .pagination {
margin: 20px 0 40px; .pagination-list { display: flex; align-items: center; text-align: center; .older-posts, .previous-posts, .newer-posts { display: inline-block; flex-grow: 1; .older-link, .previous-link, .newer-link { display: flex; justify-content: center; align-items: center; padding: 20px 35px; font-size: 14px; line-height: 18px; font-weight: bold; color: $text; background: rgba($blue-darken, .95); transition: $global-transition; &:hover { background: rgba(28, 29, 31, 0.95); } } } .older-link { i { margin-left: 10px; } } .previous-link, .newer-link { i { margin-right: 10px; } } } @media only screen and (min-width: 768px) { margin: 20px 0; }
}