.archive-page {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--100);
}

@media (width <= 782px) {
	.archive-page {
		padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
	}
}

.article-pagination {
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	margin-top: var(--wp--preset--spacing--70);
	font-size: var(--wp--preset--font-size--small);
}

.article-pagination .wp-block-query-pagination-numbers {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
}

.article-pagination a,
.article-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding-inline: var(--wp--preset--spacing--10);
	color: var(--wp--preset--color--text-subtle);
	text-decoration: none;
	border-radius: 999px;
	transition:
		color 0.2s ease-in-out,
		background-color 0.2s ease-in-out;
}

.article-pagination a:hover {
	color: var(--wp--preset--color--accent);
	background-color: color-mix(in srgb, var(--wp--preset--color--accent) 8%, transparent);
}

.article-pagination .page-numbers.current {
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--accent);
}

.article-pagination .page-numbers.dots {
	min-width: auto;
	background-color: transparent;
}

.article-pagination .wp-block-query-pagination-previous-arrow,
.article-pagination .wp-block-query-pagination-next-arrow {
	margin-inline: 2px;
}

.article-pagination .wp-block-query-pagination-previous,
.article-pagination .wp-block-query-pagination-next {
	min-width: auto;
	padding-inline: var(--wp--preset--spacing--40);
	font-weight: 400;
}