Fix Premium Content button CSS

Automattic · Dec 17, 2024 · f585766 · f585766
1 parent 5e270fb
commit f585766
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/projects/plugins/jetpack/extensions/blocks/premium-content/editor.scss b/projects/plugins/jetpack/extensions/blocks/premium-content/editor.scss
@@ -61,6 +61,20 @@
 	margin: 0;
 }
 
+%button-outline-style {
+	background-color: unset;
+	color: #32373c;
+}
+
+.wp-block-premium-content-login-button,
+.wp-block-jetpack-button {
+	&.is-style-outline {
+		.wp-block-button__link {
+			@extend %button-outline-style;
+		}
+	}
+}
+
 /* Hide Stripe nudge from Jetpack payments block */
 /* https://github.com/Automattic/wp-calypso/issues/44332 */
 .wp-block-premium-content-container .premium-content-wrapper .jetpack-block-nudge {

diff --git a/projects/plugins/jetpack/extensions/blocks/premium-content/view.scss b/projects/plugins/jetpack/extensions/blocks/premium-content/view.scss
@@ -26,6 +26,20 @@
 	float: right;
 }
 
+%button-outline-style {
+	background-color: unset;
+	color: #32373c;
+}
+
+.wp-block-premium-content-login-button,
+.wp-block-jetpack-button {
+	&.is-style-outline {
+		.wp-block-button__link {
+			@extend %button-outline-style;
+		}
+	}
+}
+
 /* Legacy Subscribe/Login buttons */
 
 .wp-block-premium-content-logged-out-view__buttons {