diff --git a/index.html b/index.html
index 8ac9e068..5e4ffb7a 100644
--- a/index.html
+++ b/index.html
@@ -153,7 +153,7 @@ <h3>
           Connect, Explore, and Discover Together. <br />
           BuddyTrail: Your Journey Begins with the Perfect Travel Companion.
         </h3>
-        <button id="btn"><a href="book.html ">Book now</a></button>
+        <button id="btn" class="bluebtn"><a href="book.html ">Book now</a></button>
       </section>
 
       <section id="locations">
@@ -426,7 +426,7 @@ <h3>Romantic Getaway</h3>
               required
             /><br /><br />
           </div>
-          <button
+          <button class="bluebtn"
             style="
               background-color: #007bff;
               color: white;
@@ -521,7 +521,7 @@ <h2>Contact US</h2>
               <label for="email">Email :</label>
               <input id="email" type="email" name="email" required />
             </div>
-            <button type="submit">Submit</button>
+            <button type="submit" class="bluebtn">Submit</button>
           </form>
         </div>
       </section>
diff --git a/style.css b/style.css
index 5a624c39..16701455 100644
--- a/style.css
+++ b/style.css
@@ -73,8 +73,9 @@ button {
   transition: background 0.6s ease-in-out;
 }
 #btn:hover{
-  background-color: rgb(1, 20, 27); 
+  background-color: #007bff; 
   box-shadow: 0 0 10px lightblue, 0 0 20px lightblue; 
+  font-weight: 500;
 }
 /**** MAIN PAGE  ****/
 
@@ -110,6 +111,13 @@ nav ul {
   font-weight: 400;
 }
 
+.bluebtn:hover {
+  background: #007bff;
+  color: white;
+  font-weight:500;
+  z-index: 1;
+}
+
 .hero {
   min-height: 90vh;
   background: linear-gradient(rgba(0, 0, 0, 0.8), transparent),