Blockbase: Fix alignmemts in the Query Pagination block (#4673)

blockbase/assets/ponyfill.css

@@ -629,7 +629,7 @@ p.has-drop-cap:not(:focus):first-letter {
 	color: var(--wp--custom--color--background);
 }
 
-.wp-block-query-pagination {
+div.wp-block-query-pagination {
 	padding-top: 1.5em;
 	justify-content: space-between;
 	display: grid;
@@ -638,33 +638,33 @@ p.has-drop-cap:not(:focus):first-letter {
 }
 
 @media (max-width: 599px) {
-	.wp-block-query-pagination {
+	div.wp-block-query-pagination {
 		grid-template-areas: "prev next";
 		grid-template-columns: 1fr 1fr;
 	}
 }
 
-.wp-block-query-pagination .wp-block-query-pagination-previous {
+div.wp-block-query-pagination .wp-block-query-pagination-previous {
 	justify-self: start;
 	grid-area: prev;
 }
 
-.wp-block-query-pagination .wp-block-query-pagination-next {
+div.wp-block-query-pagination .wp-block-query-pagination-next {
 	justify-self: end;
 	grid-area: next;
 }
 
-.wp-block-query-pagination .wp-block-query-pagination-numbers {
+div.wp-block-query-pagination .wp-block-query-pagination-numbers {
 	grid-area: numbers;
 	justify-self: center;
 }
 
-.wp-block-query-pagination .wp-block-query-pagination-numbers .current {
+div.wp-block-query-pagination .wp-block-query-pagination-numbers .current {
 	text-decoration: underline;
 }
 
 @media (max-width: 599px) {
-	.wp-block-query-pagination .wp-block-query-pagination-numbers {
+	div.wp-block-query-pagination .wp-block-query-pagination-numbers {
 		display: none;
 	}
 }

blockbase/sass/blocks/_query-pagination.scss

@@ -1,4 +1,4 @@
-.wp-block-query-pagination {
+div.wp-block-query-pagination { // This CSS needs to be stronger than Gutenberg's until https://github.com/WordPress/gutenberg/issues/34997 is merged.
 	padding-top: 1.5em;
 	justify-content: space-between;
 	display: grid;
@@ -19,7 +19,7 @@
 		justify-self: end;
 		grid-area: next;
 	}
-	
+
 	.wp-block-query-pagination-numbers{
 		grid-area: numbers;
 		justify-self: center;