.wp-block-query-pagination {
	span,
	a {
		&.page-numbers {
			color: var(--wp--custo--color-body);
			display: inline-block;
			border: none;
			text-align: center;
			border: solid 1px var(--wp--preset--color--primary);
			width: calc(var(--wp--style--block-gap) / 3 * 3);
			height: calc(var(--wp--style--block-gap) / 3 * 3);
			line-height: calc(var(--wp--style--block-gap) / 3 * 3);
			margin: 0 0.25rem;
			border-radius: 100%;
			transition: all 0.2s ease-in-out;
			font-size: var(--wp--preset--font-size--small);
			&.current {
				color: #ffffff;
				background-color: var(--wp--preset--color--primary);
			}
			&:hover {
				color: #ffffff;
				background-color: var(--wp--preset--color--primary);
			}
		}
	}

	> .wp-block-query-pagination-next,
	> .wp-block-query-pagination-numbers,
	> .wp-block-query-pagination-previous {
		margin: 0;
	}
}