Skatepark: Adjust comment checkbox styling

skatepark/assets/theme.css

@@ -227,7 +227,7 @@
 .wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] + ::before {
 	content: "";
 	position: absolute;
-	top: 0.2em;
+	top: -0.4em;
 	left: 0;
 	width: 30px;
 	height: 30px;
@@ -236,12 +236,12 @@
 
 .wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"]:checked + ::after {
 	content: "\2715";
-	width: 12px;
-	height: 12px;
+	width: 25px;
+	height: 25px;
 	position: absolute;
-	top: 4px;
-	left: 3px;
-	font-size: 14px;
+	top: 3px;
+	left: 7px;
+	font-size: var(--wp--preset--font-size--normal);
 }
 
 .wp-block-post-comments form .form-submit {

skatepark/sass/blocks/_post-comments.scss

@@ -108,7 +108,7 @@
 				& + ::before {
 					content: "";
 					position: absolute;
-					top: 0.2em;
+					top: -0.4em;
 					left: 0;
 					width: 30px;
 					height: 30px;
@@ -116,12 +116,12 @@
 				}
 				&:checked + ::after {
 					content: "\2715";
-					width: 12px;
-					height: 12px;
+					width: 25px;
+					height: 25px;
 					position: absolute;
-					top: 4px;
-					left: 3px;
-					font-size: 14px;
+					top: 3px;
+					left: 7px;
+					font-size: var(--wp--preset--font-size--normal);
 				}
 			}