From 7b4caa1267979dc8de836c79048c1b0d3088ea06 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:44:41 -0500
Subject: [PATCH] Sync: update button styles for light and dark themes in
 homepage hero

---
 theme/assets/css/main.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 9fbf684..f35380a 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3037,6 +3037,19 @@ p:last-child { margin-bottom: 0; }
   justify-content: center;
 }
 
+/* Keep secondary CTA visible on light homepage hero */
+.hero-animated .btn-ghost {
+  border-color: rgba(var(--color-primary-rgb), .35);
+  color: var(--color-text);
+  background: rgba(255,255,255,.55);
+}
+
+.hero-animated .btn-ghost:hover {
+  border-color: rgba(var(--color-primary-rgb), .6);
+  background: rgba(var(--color-primary-rgb), .08);
+  color: var(--color-text);
+}
+
 .hero-animated__content .hero-stats {
   justify-content: center;
 }
@@ -3607,6 +3620,16 @@ p:last-child { margin-bottom: 0; }
   border-color: rgba(255,255,255,.25);
 }
 
+[data-theme="dark"] .hero-animated .btn-ghost {
+  color: #fff;
+  background: transparent;
+}
+
+[data-theme="dark"] .hero-animated .btn-ghost:hover {
+  background: rgba(255,255,255,.1);
+  color: #fff;
+}
+
 [data-theme="dark"] .platform-visual:not(.has-img):not(.has-dashboard) {
   background: var(--color-bg-alt);
   border-color: var(--color-border);