diff --git a/includes/blocks/broadcasts/block.json b/includes/blocks/broadcasts/block.json
index b074a7eaf..df0b5217e 100644
--- a/includes/blocks/broadcasts/block.json
+++ b/includes/blocks/broadcasts/block.json
@@ -61,6 +61,14 @@
             "link": true,
             "background": true,
             "text": true
+        },
+        "typography": {
+            "fontSize": true,
+            "lineHeight": true
+        },
+        "spacing": {
+            "margin": true,
+            "padding": true
         }
     },
     "editorScript": "convertkit-gutenberg"
diff --git a/includes/blocks/class-convertkit-block-broadcasts.php b/includes/blocks/class-convertkit-block-broadcasts.php
index 0a7bd088a..5fe48a98d 100644
--- a/includes/blocks/class-convertkit-block-broadcasts.php
+++ b/includes/blocks/class-convertkit-block-broadcasts.php
@@ -226,7 +226,7 @@ public function get_attributes() {
 				'default' => $this->get_default_value( 'paginate_label_next' ),
 			),
 
-			// get_supports() color attribute.
+			// get_supports() style, color and typography attributes.
 			'style'                => array(
 				'type' => 'object',
 			),
@@ -236,6 +236,9 @@ public function get_attributes() {
 			'textColor'            => array(
 				'type' => 'string',
 			),
+			'fontSize'             => array(
+				'type' => 'string',
+			),
 
 			// Always required for Gutenberg.
 			'is_gutenberg_example' => array(
@@ -256,12 +259,20 @@ public function get_attributes() {
 	public function get_supports() {
 
 		return array(
-			'className' => true,
-			'color'     => array(
+			'className'  => true,
+			'color'      => array(
 				'link'       => true,
 				'background' => true,
 				'text'       => true,
 			),
+			'typography' => array(
+				'fontSize'   => true,
+				'lineHeight' => true,
+			),
+			'spacing'    => array(
+				'margin'  => true,
+				'padding' => true,
+			),
 		);
 
 	}
@@ -476,7 +487,7 @@ public function render( $atts ) {
 		$html = $this->build_html(
 			$posts,
 			$atts,
-			true,
+			! $this->is_block_editor_request(),
 			$this->get_css_classes(),
 			$this->get_css_styles( $atts )
 		);
diff --git a/includes/blocks/class-convertkit-block-form-trigger.php b/includes/blocks/class-convertkit-block-form-trigger.php
index c04d5d311..acd9061c1 100644
--- a/includes/blocks/class-convertkit-block-form-trigger.php
+++ b/includes/blocks/class-convertkit-block-form-trigger.php
@@ -159,42 +159,20 @@ public function get_attributes() {
 
 			// The below are built in Gutenberg attributes registered in get_supports().
 
-			// Color.
+			// get_supports() style, color and typography attributes.
+			'style'                => array(
+				'type' => 'object',
+			),
 			'backgroundColor'      => array(
 				'type' => 'string',
 			),
 			'textColor'            => array(
 				'type' => 'string',
 			),
-
-			// Typography.
 			'fontSize'             => array(
 				'type' => 'string',
 			),
 
-			// Spacing/Dimensions > Padding.
-			'style'                => array(
-				'type'        => 'object',
-				'visualizers' => array(
-					'type'    => 'object',
-					'padding' => array(
-						'type'   => 'object',
-						'top'    => array(
-							'type' => 'boolean',
-						),
-						'bottom' => array(
-							'type' => 'boolean',
-						),
-						'left'   => array(
-							'type' => 'boolean',
-						),
-						'right'  => array(
-							'type' => 'boolean',
-						),
-					),
-				),
-			),
-
 			// Always required for Gutenberg.
 			'is_gutenberg_example' => array(
 				'type'    => 'boolean',
@@ -225,13 +203,12 @@ public function get_supports() {
 				'__experimentalSkipSerialization' => true,
 			),
 			'typography' => array(
-				'fontSize' => true,
+				'fontSize'   => true,
+				'lineHeight' => true,
 			),
 			'spacing'    => array(
-				'padding' => array(
-					'horizontal',
-					'vertical',
-				),
+				'margin'  => true,
+				'padding' => true,
 			),
 		);
 
diff --git a/includes/blocks/class-convertkit-block-product.php b/includes/blocks/class-convertkit-block-product.php
index d644468d0..fa6c617f8 100644
--- a/includes/blocks/class-convertkit-block-product.php
+++ b/includes/blocks/class-convertkit-block-product.php
@@ -195,42 +195,20 @@ public function get_attributes() {
 
 			// The below are built in Gutenberg attributes registered in get_supports().
 
-			// Color.
+			// get_supports() style, color and typography attributes.
+			'style'                   => array(
+				'type' => 'object',
+			),
 			'backgroundColor'         => array(
 				'type' => 'string',
 			),
 			'textColor'               => array(
 				'type' => 'string',
 			),
-
-			// Typography.
 			'fontSize'                => array(
 				'type' => 'string',
 			),
 
-			// Spacing/Dimensions > Padding.
-			'style'                   => array(
-				'type'        => 'object',
-				'visualizers' => array(
-					'type'    => 'object',
-					'padding' => array(
-						'type'   => 'object',
-						'top'    => array(
-							'type' => 'boolean',
-						),
-						'bottom' => array(
-							'type' => 'boolean',
-						),
-						'left'   => array(
-							'type' => 'boolean',
-						),
-						'right'  => array(
-							'type' => 'boolean',
-						),
-					),
-				),
-			),
-
 			// Always required for Gutenberg.
 			'is_gutenberg_example'    => array(
 				'type'    => 'boolean',
@@ -261,13 +239,12 @@ public function get_supports() {
 				'__experimentalSkipSerialization' => true,
 			),
 			'typography' => array(
-				'fontSize' => true,
+				'fontSize'   => true,
+				'lineHeight' => true,
 			),
 			'spacing'    => array(
-				'padding' => array(
-					'horizontal',
-					'vertical',
-				),
+				'margin'  => true,
+				'padding' => true,
 			),
 		);
 
diff --git a/includes/blocks/formtrigger/block.json b/includes/blocks/formtrigger/block.json
index 3c8348d14..3dba03250 100644
--- a/includes/blocks/formtrigger/block.json
+++ b/includes/blocks/formtrigger/block.json
@@ -36,6 +36,14 @@
         "color": {
             "background": true,
             "text": true
+        },
+        "typography": {
+            "fontSize": true,
+            "lineHeight": true
+        },
+        "spacing": {
+            "margin": true,
+            "padding": true
         }
     },
     "editorScript": "convertkit-gutenberg"
diff --git a/includes/blocks/product/block.json b/includes/blocks/product/block.json
index cdd77a812..534a3123d 100644
--- a/includes/blocks/product/block.json
+++ b/includes/blocks/product/block.json
@@ -36,6 +36,14 @@
         "color": {
             "background": true,
             "text": true
+        },
+        "typography": {
+            "fontSize": true,
+            "lineHeight": true
+        },
+        "spacing": {
+            "margin": true,
+            "padding": true
         }
     },
     "editorScript": "convertkit-gutenberg"
diff --git a/tests/EndToEnd/broadcasts/blocks-shortcodes/PageBlockBroadcastsCest.php b/tests/EndToEnd/broadcasts/blocks-shortcodes/PageBlockBroadcastsCest.php
index d92602446..b78dbe239 100644
--- a/tests/EndToEnd/broadcasts/blocks-shortcodes/PageBlockBroadcastsCest.php
+++ b/tests/EndToEnd/broadcasts/blocks-shortcodes/PageBlockBroadcastsCest.php
@@ -740,6 +740,102 @@ public function testBroadcastsBlockWithHexColorParameters(EndToEndTester $I)
 		$I->seeInSource('<div class="convertkit-broadcasts wp-block-convertkit-broadcasts has-text-color has-background"');
 	}
 
+	/**
+	 * Test the Broadcasts block's margin and padding parameters works.
+	 *
+	 * @since   2.8.4
+	 *
+	 * @param   EndToEndTester $I  Tester.
+	 */
+	public function testBroadcastsBlockWithMarginAndPaddingParameters(EndToEndTester $I)
+	{
+		// Setup Plugin and enable debug log.
+		$I->setupKitPlugin($I);
+		$I->setupKitPluginResources($I);
+
+		// It's tricky to interact with Gutenberg's margin and padding pickers, so we programmatically create the Page
+		// instead to then confirm the settings apply on the output.
+		// We don't need to test the margin and padding pickers themselves, as they are Gutenberg supplied components, and our
+		// other End To End tests confirm that the block can be added in Gutenberg etc.
+		$I->havePageInDatabase(
+			[
+				'post_name'    => 'kit-page-broadcasts-block-margin-padding-params',
+				'post_content' => '<!-- wp:convertkit/broadcasts {"date_format":"m/d/Y","limit":' . $_ENV['CONVERTKIT_API_BROADCAST_COUNT'] . ',"style":{"spacing":{"padding":{"top":"var:preset|spacing|30"},"margin":{"top":"var:preset|spacing|30"}}}} /-->',
+			]
+		);
+
+		// Load the Page on the frontend site.
+		$I->amOnPage('/kit-page-broadcasts-block-margin-padding-params');
+
+		// Wait for frontend web site to load.
+		$I->waitForElementVisible('body.page-template-default');
+
+		// Check that no PHP warnings or notices were output.
+		$I->checkNoWarningsAndNoticesOnScreen($I);
+
+		// Confirm that the block displays correctly with the expected number of Broadcasts.
+		$I->seeBroadcastsOutput(
+			$I,
+			[
+				'number_posts' => $_ENV['CONVERTKIT_API_BROADCAST_COUNT'],
+			]
+		);
+
+		// Confirm that our stylesheet loaded.
+		$I->seeInSource('<link rel="stylesheet" id="convertkit-broadcasts-css" href="' . $_ENV['WORDPRESS_URL'] . '/wp-content/plugins/convertkit/resources/frontend/css/broadcasts.css');
+
+		// Confirm that the chosen margin and padding are applied as CSS styles.
+		$I->seeInSource('<div class="convertkit-broadcasts wp-block-convertkit-broadcasts" style="padding-top:var(--wp--preset--spacing--30);margin-top:var(--wp--preset--spacing--30)"');
+	}
+
+	/**
+	 * Test the Broadcasts block's typography parameters works.
+	 *
+	 * @since   2.8.4
+	 *
+	 * @param   EndToEndTester $I  Tester.
+	 */
+	public function testBroadcastsBlockWithTypographyParameters(EndToEndTester $I)
+	{
+		// Setup Plugin and enable debug log.
+		$I->setupKitPlugin($I);
+		$I->setupKitPluginResources($I);
+
+		// It's tricky to interact with Gutenberg's typography pickers, so we programmatically create the Page
+		// instead to then confirm the settings apply on the output.
+		// We don't need to test the typography picker itself, as it's a Gutenberg supplied component, and our
+		// other End To End tests confirm that the block can be added in Gutenberg etc.
+		$I->havePageInDatabase(
+			[
+				'post_name'    => 'kit-page-broadcasts-block-typography-params',
+				'post_content' => '<!-- wp:convertkit/broadcasts {"date_format":"m/d/Y","limit":' . $_ENV['CONVERTKIT_API_BROADCAST_COUNT'] . ',"style":{"typography":{"lineHeight":"2"}},"fontSize":"large"} /-->',
+			]
+		);
+
+		// Load the Page on the frontend site.
+		$I->amOnPage('/kit-page-broadcasts-block-typography-params');
+
+		// Wait for frontend web site to load.
+		$I->waitForElementVisible('body.page-template-default');
+
+		// Check that no PHP warnings or notices were output.
+		$I->checkNoWarningsAndNoticesOnScreen($I);
+
+		// Confirm that the block displays correctly with the expected number of Broadcasts.
+		$I->seeBroadcastsOutput(
+			$I,
+			[
+				'number_posts' => $_ENV['CONVERTKIT_API_BROADCAST_COUNT'],
+			]
+		);
+
+		// Confirm that our stylesheet loaded.
+		$I->seeInSource('<link rel="stylesheet" id="convertkit-broadcasts-css" href="' . $_ENV['WORDPRESS_URL'] . '/wp-content/plugins/convertkit/resources/frontend/css/broadcasts.css');
+
+		// Confirm that the chosen typography settings are applied as CSS styles.
+		$I->seeInSource('<div class="convertkit-broadcasts wp-block-convertkit-broadcasts has-large-font-size" style="line-height:2"');
+	}
+
 	/**
 	 * Deactivate and reset Plugin(s) after each test, if the test passes.
 	 * We don't use _after, as this would provide a screenshot of the Plugin
diff --git a/tests/EndToEnd/forms/blocks-shortcodes/PageBlockFormTriggerCest.php b/tests/EndToEnd/forms/blocks-shortcodes/PageBlockFormTriggerCest.php
index c3e7d58f5..a2cfaa18f 100644
--- a/tests/EndToEnd/forms/blocks-shortcodes/PageBlockFormTriggerCest.php
+++ b/tests/EndToEnd/forms/blocks-shortcodes/PageBlockFormTriggerCest.php
@@ -341,6 +341,93 @@ public function testFormTriggerBlockWithHexColorParameters(EndToEndTester $I)
 		);
 	}
 
+	/**
+	 * Test the Form Trigger block's margin and padding parameters works.
+	 *
+	 * @since   2.8.4
+	 *
+	 * @param   EndToEndTester $I  Tester.
+	 */
+	public function testFormTriggerBlockWithMarginAndPaddingParameters(EndToEndTester $I)
+	{
+		// Setup Plugin and enable debug log.
+		$I->setupKitPlugin($I);
+		$I->setupKitPluginResources($I);
+
+		// It's tricky to interact with Gutenberg's margin and padding pickers, so we programmatically create the Page
+		// instead to then confirm the settings apply on the output.
+		// We don't need to test the margin and padding pickers themselves, as they are Gutenberg supplied components, and our
+		// other End To End tests confirm that the block can be added in Gutenberg etc.
+		$I->havePageInDatabase(
+			[
+				'post_name'    => 'kit-page-form-trigger-block-margin-padding-params',
+				'post_content' => '<!-- wp:convertkit/formtrigger {"form":"' . $_ENV['CONVERTKIT_API_FORM_FORMAT_MODAL_ID'] . '","style":{"spacing":{"padding":{"top":"var:preset|spacing|30"},"margin":{"top":"var:preset|spacing|30"}}}} /-->',
+			]
+		);
+
+		// Load the Page on the frontend site.
+		$I->amOnPage('/kit-page-form-trigger-block-margin-padding-params');
+
+		// Wait for frontend web site to load.
+		$I->waitForElementVisible('body.page-template-default');
+
+		// Check that no PHP warnings or notices were output.
+		$I->checkNoWarningsAndNoticesOnScreen($I);
+
+		// Confirm that the block displays and has the inline styles applied.
+		$I->seeFormTriggerOutput(
+			$I,
+			formURL: $_ENV['CONVERTKIT_API_FORM_FORMAT_MODAL_URL'],
+			text: 'Subscribe',
+			styles: 'padding-top:var(--wp--preset--spacing--30);margin-top:var(--wp--preset--spacing--30)',
+			isBlock: true
+		);
+	}
+
+	/**
+	 * Test the Form Trigger block's typography parameters works.
+	 *
+	 * @since   2.8.4
+	 *
+	 * @param   EndToEndTester $I  Tester.
+	 */
+	public function testFormTriggerBlockWithTypographyParameters(EndToEndTester $I)
+	{
+		// Setup Plugin and enable debug log.
+		$I->setupKitPlugin($I);
+		$I->setupKitPluginResources($I);
+
+		// It's tricky to interact with Gutenberg's typography pickers, so we programmatically create the Page
+		// instead to then confirm the settings apply on the output.
+		// We don't need to test the typography picker itself, as it's a Gutenberg supplied component, and our
+		// other End To End tests confirm that the block can be added in Gutenberg etc.
+		$I->havePageInDatabase(
+			[
+				'post_name'    => 'kit-page-form-trigger-block-typography-params',
+				'post_content' => '<!-- wp:convertkit/formtrigger {"form":"' . $_ENV['CONVERTKIT_API_FORM_FORMAT_MODAL_ID'] . '","style":{"typography":{"lineHeight":"2"}},"fontSize":"large"} /-->',
+			]
+		);
+
+		// Load the Page on the frontend site.
+		$I->amOnPage('/kit-page-form-trigger-block-typography-params');
+
+		// Wait for frontend web site to load.
+		$I->waitForElementVisible('body.page-template-default');
+
+		// Check that no PHP warnings or notices were output.
+		$I->checkNoWarningsAndNoticesOnScreen($I);
+
+		// Confirm that the block displays and has the inline styles applied.
+		$I->seeFormTriggerOutput(
+			$I,
+			formURL: $_ENV['CONVERTKIT_API_FORM_FORMAT_MODAL_URL'],
+			text: 'Subscribe',
+			cssClasses: 'has-large-font-size',
+			styles: 'line-height:2',
+			isBlock: true
+		);
+	}
+
 	/**
 	 * Test the Form Trigger block displays a message with a link to the Plugin's
 	 * settings screen, when the Plugin has no credentials specified.
diff --git a/tests/EndToEnd/products/PageBlockProductCest.php b/tests/EndToEnd/products/PageBlockProductCest.php
index 32c8c7f59..e723312db 100644
--- a/tests/EndToEnd/products/PageBlockProductCest.php
+++ b/tests/EndToEnd/products/PageBlockProductCest.php
@@ -521,6 +521,93 @@ public function testProductBlockWithHexColorParameters(EndToEndTester $I)
 		);
 	}
 
+	/**
+	 * Test the Form Trigger block's margin and padding parameters works.
+	 *
+	 * @since   2.8.4
+	 *
+	 * @param   EndToEndTester $I  Tester.
+	 */
+	public function testProductBlockWithMarginAndPaddingParameters(EndToEndTester $I)
+	{
+		// Setup Plugin and enable debug log.
+		$I->setupKitPlugin($I);
+		$I->setupKitPluginResources($I);
+
+		// It's tricky to interact with Gutenberg's margin and padding pickers, so we programmatically create the Page
+		// instead to then confirm the settings apply on the output.
+		// We don't need to test the margin and padding pickers themselves, as they are Gutenberg supplied components, and our
+		// other End To End tests confirm that the block can be added in Gutenberg etc.
+		$I->havePageInDatabase(
+			[
+				'post_name'    => 'kit-page-product-block-margin-padding-params',
+				'post_content' => '<!-- wp:convertkit/product {"product":"36377","style":{"spacing":{"padding":{"top":"var:preset|spacing|30"},"margin":{"top":"var:preset|spacing|30"}}}} /-->',
+			]
+		);
+
+		// Load the Page on the frontend site.
+		$I->amOnPage('/kit-page-product-block-margin-padding-params');
+
+		// Wait for frontend web site to load.
+		$I->waitForElementVisible('body.page-template-default');
+
+		// Check that no PHP warnings or notices were output.
+		$I->checkNoWarningsAndNoticesOnScreen($I);
+
+		// Confirm that the block displays and has the inline styles applied.
+		$I->seeProductOutput(
+			$I,
+			productURL: $_ENV['CONVERTKIT_API_PRODUCT_URL'],
+			text: 'Buy my product',
+			styles: 'padding-top:var(--wp--preset--spacing--30);margin-top:var(--wp--preset--spacing--30)',
+			isBlock: true
+		);
+	}
+
+	/**
+	 * Test the Product block's typography parameters works.
+	 *
+	 * @since   2.8.4
+	 *
+	 * @param   EndToEndTester $I  Tester.
+	 */
+	public function testProductBlockWithTypographyParameters(EndToEndTester $I)
+	{
+		// Setup Plugin and enable debug log.
+		$I->setupKitPlugin($I);
+		$I->setupKitPluginResources($I);
+
+		// It's tricky to interact with Gutenberg's typography pickers, so we programmatically create the Page
+		// instead to then confirm the settings apply on the output.
+		// We don't need to test the typography picker itself, as it's a Gutenberg supplied component, and our
+		// other End To End tests confirm that the block can be added in Gutenberg etc.
+		$I->havePageInDatabase(
+			[
+				'post_name'    => 'kit-page-product-block-typography-params',
+				'post_content' => '<!-- wp:convertkit/product {"product":"36377","style":{"typography":{"lineHeight":"2"}},"fontSize":"large"} /-->',
+			]
+		);
+
+		// Load the Page on the frontend site.
+		$I->amOnPage('/kit-page-product-block-typography-params');
+
+		// Wait for frontend web site to load.
+		$I->waitForElementVisible('body.page-template-default');
+
+		// Check that no PHP warnings or notices were output.
+		$I->checkNoWarningsAndNoticesOnScreen($I);
+
+		// Confirm that the block displays and has the inline styles applied.
+		$I->seeProductOutput(
+			$I,
+			productURL: $_ENV['CONVERTKIT_API_PRODUCT_URL'],
+			text: 'Buy my product',
+			cssClasses: 'has-large-font-size',
+			styles: 'line-height:2',
+			isBlock: true
+		);
+	}
+
 	/**
 	 * Test the Product block displays a message with a link to the Plugin's
 	 * settings screen, when the Plugin has Not connected to Kit.
diff --git a/tests/Support/Helper/KitForms.php b/tests/Support/Helper/KitForms.php
index 52531a8b7..a2f6b05c8 100644
--- a/tests/Support/Helper/KitForms.php
+++ b/tests/Support/Helper/KitForms.php
@@ -76,14 +76,16 @@ public function seeFormOutput($I, $formID, $position = false, $element = false,
 	 *
 	 * @since   2.2.0
 	 *
-	 * @param   EndToEndTester $I              Tester.
-	 * @param   string         $formURL        Form URL.
-	 * @param   bool|string    $text           Test if the button text matches the given value.
-	 * @param   bool|string    $textColor      Test if the given text color is applied.
+	 * @param   EndToEndTester $I               Tester.
+	 * @param   string         $formURL         Form URL.
+	 * @param   bool|string    $text            Test if the button text matches the given value.
+	 * @param   bool|string    $textColor       Test if the given text color is applied.
 	 * @param   bool|string    $backgroundColor Test is the given background color is applied.
-	 * @param   bool           $isBlock        Test if this is a form trigger block or shortcode.
+	 * @param   bool|string    $cssClasses      Test if the given CSS classes are applied.
+	 * @param   bool|string    $styles          Test if the given styles are applied.
+	 * @param   bool           $isBlock         Test if this is a form trigger block or shortcode.
 	 */
-	public function seeFormTriggerOutput($I, $formURL, $text = false, $textColor = false, $backgroundColor = false, $isBlock = false)
+	public function seeFormTriggerOutput($I, $formURL, $text = false, $textColor = false, $backgroundColor = false, $cssClasses = false, $styles = false, $isBlock = false)
 	{
 		// Confirm that the button stylesheet loaded.
 		$I->seeInSource('<link rel="stylesheet" id="convertkit-button-css" href="' . $_ENV['WORDPRESS_URL'] . '/wp-content/plugins/convertkit/resources/frontend/css/button.css');
@@ -129,6 +131,22 @@ public function seeFormTriggerOutput($I, $formURL, $text = false, $textColor = f
 			}
 		}
 
+		// Confirm that the CSS classes are as expected.
+		if ($cssClasses !== false) {
+			$I->assertStringContainsString(
+				$cssClasses,
+				$I->grabAttributeFrom('a.convertkit-formtrigger', 'class')
+			);
+		}
+
+		// Confirm that the styles are as expected.
+		if ($styles !== false) {
+			$I->assertStringContainsString(
+				$styles,
+				$I->grabAttributeFrom('a.convertkit-formtrigger', 'style')
+			);
+		}
+
 		// Click the button to confirm that the Kit modal displays.
 		$I->click('a.convertkit-formtrigger');
 		$I->waitForElementVisible('div.formkit-overlay');
diff --git a/tests/Support/Helper/KitProducts.php b/tests/Support/Helper/KitProducts.php
index 868de2360..b5b34a388 100644
--- a/tests/Support/Helper/KitProducts.php
+++ b/tests/Support/Helper/KitProducts.php
@@ -49,14 +49,16 @@ public function seeProductLink($I, $productURL, $text = false)
 	 *
 	 * @since   1.9.8.5
 	 *
-	 * @param   EndToEndTester $I              Tester.
-	 * @param   string         $productURL     Product URL.
-	 * @param   bool|string    $text           Test if the button text matches the given value.
-	 * @param   bool|string    $textColor      Test if the given text color is applied.
+	 * @param   EndToEndTester $I               Tester.
+	 * @param   string         $productURL      Product URL.
+	 * @param   bool|string    $text            Test if the button text matches the given value.
+	 * @param   bool|string    $textColor       Test if the given text color is applied.
 	 * @param   bool|string    $backgroundColor Test is the given background color is applied.
-	 * @param   bool           $isBlock        Test if this is a product block or shortcode.
+	 * @param   bool|string    $cssClasses      Test if the given CSS classes are applied.
+	 * @param   bool|string    $styles          Test if the given styles are applied.
+	 * @param   bool           $isBlock         Test if this is a product block or shortcode.
 	 */
-	public function seeProductOutput($I, $productURL, $text = false, $textColor = false, $backgroundColor = false, $isBlock = false)
+	public function seeProductOutput($I, $productURL, $text = false, $textColor = false, $backgroundColor = false, $cssClasses = false, $styles = false, $isBlock = false)
 	{
 		// Confirm that the product stylesheet loaded.
 		$I->seeInSource('<link rel="stylesheet" id="convertkit-button-css" href="' . $_ENV['WORDPRESS_URL'] . '/wp-content/plugins/convertkit/resources/frontend/css/button.css');
@@ -104,6 +106,22 @@ public function seeProductOutput($I, $productURL, $text = false, $textColor = fa
 			}
 		}
 
+		// Confirm that the CSS classes are as expected.
+		if ($cssClasses !== false) {
+			$I->assertStringContainsString(
+				$cssClasses,
+				$I->grabAttributeFrom('a.convertkit-product', 'class')
+			);
+		}
+
+		// Confirm that the styles are as expected.
+		if ($styles !== false) {
+			$I->assertStringContainsString(
+				$styles,
+				$I->grabAttributeFrom('a.convertkit-product', 'style')
+			);
+		}
+
 		// Click the button to confirm that the Kit modal displays; this confirms
 		// necessary Kit scripts have been loaded.
 		$I->click('a.convertkit-product');