From f192957f2d2d98f95e00f9e74ddfe490c66ba300 Mon Sep 17 00:00:00 2001
From: Marty Bostick <marty@amplifyaiworkshop.com>
Date: Wed, 29 Jul 2026 20:36:12 +0000
Subject: [PATCH] =?UTF-8?q?Merge=20login=20button=20into=20hero-ctas=20row?=
 =?UTF-8?q?=20=E2=80=94=20both=20buttons=20now=20truly=20side-by-side,=20s?=
 =?UTF-8?q?ame=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 41 +++--------------------------------------
 1 file changed, 3 insertions(+), 38 deletions(-)

diff --git a/index.html b/index.html
index 565cbe8..925d3d9 100644
--- a/index.html
+++ b/index.html
@@ -453,39 +453,6 @@
   .control-group input[type="number"] { -moz-appearance: textfield; }
   .control-group input::-webkit-inner-spin-button, .control-group input::-webkit-outer-spin-button { -webkit-appearance: none; }
 
-  /* Hero quick links — side-by-side with CTA */
-  .hero-quick-links {
-    text-align: center;
-    margin-top: 6px;
-    margin-bottom: 22px;
-    display: flex;
-    justify-content: center;
-    gap: 14px;
-    flex-wrap: wrap;
-  }
-  .hero-login-link {
-    display: inline-flex;
-    align-items: center;
-    gap: 10px;
-    padding: 16px 36px;
-    background: rgba(255,255,255,0.06);
-    color: var(--text);
-    text-decoration: none;
-    font-size: 1.05rem;
-    font-weight: 700;
-    border: 1.5px solid rgba(255,255,255,0.2);
-    border-radius: var(--radius);
-    backdrop-filter: blur(4px);
-    transition: all 0.2s;
-    cursor: pointer;
-    font-family: var(--font);
-  }
-  .hero-login-link:hover {
-    background: rgba(255,255,255,0.12);
-    border-color: rgba(255,255,255,0.4);
-    transform: translateY(-2px);
-  }
-
   .checkbox-group {
     display: flex;
     align-items: center;
@@ -1057,14 +1024,12 @@
       </script>
     </div>
 
-    <!-- CTA -->
-    <div style="text-align:center;margin:0 auto;">
+    <!-- CTA + Login side-by-side -->
+    <div class="hero-ctas">
       <button class="hero-btn hero-btn-secondary" id="heroCalcBtn">
         🧮 Try the Profit Calculator
       </button>
-    </div>
-    <div class="hero-quick-links">
-      <a href="https://clickbaitpays.me/login.php" target="_blank" rel="noopener" class="hero-login-link">🔐 Log into ClickBaitPays</a>
+      <a href="https://clickbaitpays.me/login.php" target="_blank" rel="noopener" class="hero-btn hero-btn-secondary">🔐 Log into ClickBaitPays</a>
     </div>
 
     <!-- 4-Step How It Works -->