lostplaces-frontend/components/01_Atoms/pagination/_pagination.scss

.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: "»";
		}
	}
}