.block-pagination {
	display: flex;
	width: 100%;
}

.block-pagination .page-numbers:hover {
	background: var(--color-sky-light);
}

.block-pagination .page-numbers {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease-in-out;
	font-size: 16px;
	text-decoration: none;
	color: var(--color-primary);
	border-radius: 100px;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid transparent;
}

.block-pagination .page-numbers.prev {
	font-size: 12px;
	transform: scaleX(-1);
}

.block-pagination .page-numbers.next {
	font-size: 12px;
}

.block-pagination .page-numbers.current {
	border-color: var(--color-sky);
	width: 56px;
}