.wp-block-query-pagination {
	align-items: center !important;
	justify-content: center;
	gap: 8px !important;
	flex-wrap: nowrap !important;
	margin-top: 0;
}

.wp-block-query-pagination:has(.wp-block-query-pagination-previous.is-disabled):has(.wp-block-query-pagination-next.is-disabled) {
	display: none;
}

.wp-block-query-pagination-numbers {
	display: flex;
	align-items: center;
	gap: 6px;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1 / 1;
	border-radius: 108px;
	background: transparent;
	color: var(--White, #FFF);
	text-decoration: none;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	transition: background .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
}

.wp-block-query-pagination-numbers .page-numbers.current {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1 / 1;
	border-radius: 108px;
	background: var(--Soft-Blue-White, #D9E8EB);
	color: var(--Deep-Ocean, #003055);
}

.wp-block-query-pagination-numbers .page-numbers:not(.current):hover {
	background: rgba(217, 232, 235, 0.14);
	color: var(--White, #FFF);
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1 / 1;
	padding: 0;
	position: relative;
	border: 0;
	border-radius: 108px;
	background: transparent;
	box-shadow: none;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
	color: transparent;
	transition: background .2s ease-in-out, opacity .2s ease-in-out;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	background: rgba(217, 232, 235, 0.14);
}

.wp-block-query-pagination-previous::before,
.wp-block-query-pagination-next::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.wp-block-query-pagination-previous::before {
	background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 15L7.5 10L12.5 5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.wp-block-query-pagination-next::after {
	background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 15L12.5 10L7.5 5" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.wp-block-query-pagination-previous[aria-disabled="true"],
.wp-block-query-pagination-next[aria-disabled="true"],
.wp-block-query-pagination .is-disabled {
	opacity: .45;
	cursor: default;
}

.wp-block-query-pagination-previous[aria-disabled="true"]:hover,
.wp-block-query-pagination-next[aria-disabled="true"]:hover {
	background: transparent;
}

@media (max-width: 781px) {
	.wp-block-query-pagination {
		gap: 4px !important;
	}

	.wp-block-query-pagination-numbers {
		gap: 2px;
	}

	.wp-block-query-pagination-numbers .page-numbers,
	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next {
		width: 36px;
		height: 36px;
	}

	.wp-block-query-pagination-numbers .page-numbers {
		font-size: 16px;
	}
}
