From f58576644e0c0650709c4eaa9833d7900789a943 Mon Sep 17 00:00:00 2001
From: Christopher Smith <chris@chriswsmith.info>
Date: Mon, 16 Dec 2024 19:03:40 -0600
Subject: [PATCH] Fix Premium Content button CSS

---
 .../extensions/blocks/premium-content/editor.scss  | 14 ++++++++++++++
 .../extensions/blocks/premium-content/view.scss    | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/projects/plugins/jetpack/extensions/blocks/premium-content/editor.scss b/projects/plugins/jetpack/extensions/blocks/premium-content/editor.scss
index cf3d07d1e2c56..eb81217a4c16c 100644
--- 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
index 5c35d48a35813..3789d55f9161b 100644
--- 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 {