.post-grid__query {
	.wp-block-query-pagination {
		display: flex;
		flex-flow: row;
		width: fit-content;
		margin-block: var(--wp--preset--spacing--xl) 0;
		margin-inline: auto;
		gap: 1rem;

		.wp-block-query-pagination-next,
		.wp-block-query-pagination-previous {
			font-family: var(--wp--preset--font-family--heading);
			font-size: var(--wp--preset--font-size--paragraph-big);
			color: var(--wp--preset--color--dark);
			text-decoration: none;
			min-width: fit-content;
			padding-block: 0.87rem;
		}

		.wp-block-query-pagination-numbers {
			display: flex;
			flex-flow: row;
			gap: 0;

			a,
			span {
				padding-block: 0.87rem;
				padding-inline: 1rem;
				font-family: var(--wp--preset--font-family--heading);
				color: var(--wp--preset--color--dark);
				text-decoration: none;
			}

			.current {
				color: var(--wp--preset--color--light);
				position: relative;

				&::before {
					content: "";
					position: absolute;
					background-color: var(--wp--preset--color--primary);
					border-radius: 50%;
					top: 50%;
					left: 50%;
					transform: translateX(-50%) translateY(-50%);
					width: 3rem;
					height: 3rem;
					z-index: -1;
				}
			}
		}
	}
}

@media (min-width: 767px) {
	.post-grid__query {
		.wp-block-query-pagination {
			margin-block: var(--wp--preset--spacing--2-xl) 0;
		}
	}
}