.slice--pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.slice--pagination:empty {
	display: none;
}

.slice--pagination .load-page-button {
	height: 40px;
}

.slice--pagination .load-page-button {
	padding-left: 24px;
	padding-right: 24px;
	color: var(--mirage-950);
	box-shadow: inset 0 0 0 1px var(--mirage-200);
}

.slice--pagination .load-page-button:hover {
	background: var(--mirage-200);
}

.slice--pagination .pagination-box {
	margin-left: auto;
	margin-right: auto;
}

.slice--pagination .pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.slice--pagination .pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 48px;
	height: 40px;
	font-size: 14px;
	box-shadow: inset 0 0 0 1px var(--mirage-200);
	border-radius: 8px;
	transition: color ease .1s, box-shadow ease .1s;
}

.slice--pagination .pagination .page-numbers.current, 
.slice--pagination .pagination .page-numbers:hover {
	color: var(--ebony-clay-800);
	box-shadow: inset 0 0 0 1px var(--pastel-green-500);
}

.slice--pagination .pagination .page-numbers svg {
	font-size: 24px;
}

.slice--pagination .pagination .page-numbers.next svg {
	transform: rotate(-90deg);
}

.slice--pagination .pagination .page-numbers.prev svg {
	transform: rotate(90deg);
}