Friendly Business: Fix the cover headings alignment in the editor

friendly-business/style-editor.css

@@ -1203,9 +1203,36 @@ figcaption,
 .wp-block-cover h4,
 .wp-block-cover h5,
 .wp-block-cover h6 {
+  text-align: inherit;
+}
+
+.wp-block-cover h1.has-text-align-left,
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover h3.has-text-align-left,
+.wp-block-cover h4.has-text-align-left,
+.wp-block-cover h5.has-text-align-left,
+.wp-block-cover h6.has-text-align-left {
   text-align: left;
 }
 
+.wp-block-cover h1.has-text-align-center,
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover h3.has-text-align-center,
+.wp-block-cover h4.has-text-align-center,
+.wp-block-cover h5.has-text-align-center,
+.wp-block-cover h6.has-text-align-center {
+  text-align: center;
+}
+
+.wp-block-cover h1.has-text-align-right,
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover h3.has-text-align-right,
+.wp-block-cover h4.has-text-align-right,
+.wp-block-cover h5.has-text-align-right,
+.wp-block-cover h6.has-text-align-right {
+  text-align: right;
+}
+
 .wp-block-cover h1 {
   font-size: 2.25em;
 }

friendly-business/style-editor.scss

@@ -341,7 +341,19 @@ figcaption,
 	h4,
 	h5,
 	h6 {
-		text-align: left;
+		text-align: inherit;
+
+		&.has-text-align-left {
+			text-align: left;
+		}
+
+		&.has-text-align-center {
+			text-align: center;
+		}
+
+		&.has-text-align-right {
+			text-align: right;
+		}
 	}
 
 	h1 {