.navigation.pagination {
	margin-block-start: var(--homvnd-space-8);
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--homvnd-space-2);
}

.nav-links .page-numbers {
	display: inline-flex;
	min-inline-size: var(--homvnd-target-min);
	min-block-size: var(--homvnd-target-min);
	align-items: center;
	justify-content: center;
	padding: var(--homvnd-space-2) var(--homvnd-space-3);
	border: var(--homvnd-border-width) solid var(--homvnd-color-border);
	border-radius: var(--homvnd-radius-sm);
	text-decoration: none;
}

.navigation.pagination a.page-numbers:focus-visible {
	outline: var(--homvnd-focus-width) solid var(--homvnd-color-focus);
	outline-offset: var(--homvnd-focus-offset);
	box-shadow: 0 0 0 var(--homvnd-focus-offset) var(--homvnd-color-surface);
}

.nav-links .current {
	color: var(--homvnd-color-surface);
	background: var(--homvnd-color-primary);
	border-color: var(--homvnd-color-primary);
}