diff --git a/index.html b/index.html
index 3c012947..b1ace3ba 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,7 @@
              <!-- Search Bar (initially hidden) -->
             <div class="search-bar" id="searchBar">
                 <input type="text" id="search-input" placeholder="Search..." oninput="performSearch()" />
-                <button type="button" onclick="performSearch()">🔍</button>
+                <a href=" #faq " type="button" class="cta-btn2" onclick="performSearch()">🔍</a>
             </div>
             
             <img src="images/menu.png" class="menu-icon" onclick="toggleMenu()">
diff --git a/style.css b/style.css
index 0ce86d00..2d7b7ede 100644
--- a/style.css
+++ b/style.css
@@ -1118,6 +1118,23 @@ button:hover img {
     color: white;
 }
 
+.cta-btn2 {
+    /* background-color: rgb(248, 182, 243);
+    color: #d5ad1d; */
+    background-image: linear-gradient(43deg,#d05641 0%,#c25147 45% ,#ffcc70 100%);
+    padding: 15px 30px;
+    border-radius: 50px;
+    text-decoration: none;
+    font-size: 16px;
+    transition: background-color 0.3s, color 0.3s;
+    
+}
+
+.cta-btn2:hover {
+    background-color: #fffdfd;
+    color: white;
+}
+
 #faq{
   padding-top: 100px;
 }