diff --git a/src/Analysim.Web/ClientApp/src/app/home/home.component.html b/src/Analysim.Web/ClientApp/src/app/home/home.component.html
index 76962df..cfc59fd 100644
--- a/src/Analysim.Web/ClientApp/src/app/home/home.component.html
+++ b/src/Analysim.Web/ClientApp/src/app/home/home.component.html
@@ -66,7 +66,7 @@ <h2 class="text-center">Gather Data Together Collectively</h2>        <!-- <p cl
       </div>
       <div class="row justify-content-center">
         <div class="text-center">
-          <button type="button" class="btn btn-primary-new btn-lg" [routerLink]='["/register"]'>Register Your Account &raquo;</button>
+          <button type="button" class=" btn btn-primary-custom" [routerLink]='["/register"]'>Register Your Account &raquo;</button>
      <!-- <button2> type="button"     </button2> -->
         </div>
       </div>
diff --git a/src/Analysim.Web/ClientApp/src/app/home/home.component.scss b/src/Analysim.Web/ClientApp/src/app/home/home.component.scss
index fc6d8aa..fc6d132 100644
--- a/src/Analysim.Web/ClientApp/src/app/home/home.component.scss
+++ b/src/Analysim.Web/ClientApp/src/app/home/home.component.scss
@@ -111,3 +111,30 @@ font-family:var(--bs-body-font-family) !important;
         }
     }
 }
+
+
+
+// Button styling
+.btn-primary-custom {
+    background: #0056b3;
+    color: white;
+    padding: 8px 15px;
+    border-radius: 6px;
+    font-size: 1rem;
+    font-weight: 400;
+    display: inline-block;
+    text-transform: uppercase;
+    transition: all 0.3s ease-in-out;
+    position: relative;
+    overflow: hidden;
+    text-decoration: none;
+    
+    &:hover {
+      background: #003366; // Darker blue for hover
+      transform: scale(1.05);
+    }
+    
+    &:active {
+      transform: scale(0.98);
+    }
+    }
\ No newline at end of file