diff --git a/frontend/app/globals.css b/frontend/app/globals.css
index 643614b..e1d1913 100644
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@@ -102,26 +102,27 @@
 .light .gradient-button-bg {
   background: radial-gradient(
     circle at top,
-    #262626 0%,
-    #f5f5f5 50%
-  ); /* Dark gray -> Light gray */
+    #f5f5f5 0%, /* Very light gray */
+    #e0e0e0 50%  /* Soft gray */
+  );
 }
 
 .light .gradient-button {
   background: radial-gradient(
     circle at bottom,
-    hsl(0, 10%, 25%) -10%,
-    #9d9d9d 50%
-  ); /* Light gray -> Almost white */
+    hsl(0, 0%, 85%) -10%, /* Slightly darker gray */
+    hsl(0, 0%, 95%) 50%   /* Very soft light gray */
+  );
 }
 
 .light .gradient-button-bg > div:hover {
   background: radial-gradient(
     circle at bottom,
-    hsl(0, 10%, 25%) -10%,
-    #9d9d9d 80%
-  ); /* Light gray -> Almost white */
+    hsl(0, 0%, 80%) -10%, /* Slightly darker gray for hover */
+    hsl(0, 0%, 90%) 80%   /* Softer gray */
+  );
 }
+
 .inline-decoration::before {
   content: "Generate";
   color: #525252;