Update app.py

app.py

@@ -85,7 +85,7 @@ css = """
 /* Button Styles */
 .gr-button {
     color: white;
-    background: black;
+    background: #007bff; /* Use a primary color for the background */
     white-space: nowrap;
     border: none;
     padding: 10px 20px;
@@ -95,22 +95,23 @@ css = """
 }
 
 .gr-button:hover {
-    background-color: #060606; /* Darken the background color on hover */
+    background-color: #0056b3; /* Darken the background color on hover */
 }
 
 /* Share Button Styles */
 #share-btn-container {
     padding: 0.5rem !important;
-    background-color: #000000;
+    background-color: #007bff; /* Use a primary color for the background */
     justify-content: center;
     align-items: center;
     border-radius: 9999px !important;
     max-width: 13rem;
     margin: 0 auto; /* Center the container horizontally */
+    transition: background-color 0.3s;
 }
 
 #share-btn-container:hover {
-    background-color: #060606;
+    background-color: #0056b3; /* Darken the background color on hover */
 }
 
 #share-btn {
@@ -122,6 +123,7 @@ css = """
     margin: 0.5rem !important;
     padding: 0.5rem !important;
 }
+
 /* Other Styles */
 #gallery {
     min-height: 22rem;