.pagination {
	margin: 6em 0 2em;
}

.pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

.pagination a {
	color: hsl(var(--clr-dar-gray));
}

.pagination a:hover {
	text-decoration: underline;
}

.pagination :where(.first, .prev, .next, .last) * {
	font-family: FontAwesome;
	background: none;
	border: none;
	padding-inline: 1em;
}

.pagination :where(.first, .prev, .next, .last) *:hover {
	background: none;
}

.pagination :where(.first, .prev, .next, .last) *:hover:after {
	opacity: 0;
}

.pagination .current {
	font-weight: 900;
}