.LP-Pagination{ font-family: $-primary-sans-serif-font; font-weight: bold; display: flex; flex-direction: row; justify-content: center; .LP-Pagination__List{ list-style-type: none; display: flex; flex-direction: row; } .LP-Pagination__Item{ margin: 0 4px; &--current{ .LP-Link{ background-color: $-beige; border-radius: 2px; &:hover{ background-color: $-beige; color: $-grey; } } } } .LP-Link{ padding: 15px 25px; &:active, &:hover{ background-color: $-beige; border-radius: 2px; color: $-grey; } } .LP-Pagination__First{ &:before{ content: "«"; } } .LP-Pagination__Previous{ &:before{ content: "»"; } } .LP-Pagination__Next{ &:after{ content: "\f061"; } } .LP-Pagination__Last{ &:after{ content: "»"; } } }