From 03baf31471d4feb33e518eddf9e86dc0216e07af Mon Sep 17 00:00:00 2001
From: yadavaryan17 <aryanyad174@gmail.com>
Date: Thu, 3 Apr 2025 22:48:53 +0530
Subject: [PATCH] Fixed Button Text Visibility Issue in the Middle Section

---
 .../src/app/home/home.component.html          |  2 +-
 .../src/app/home/home.component.scss          | 27 +++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

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 76962df8..cfc59fdd 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 fc6d8aac..fc6d1322 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