Update app.py

app.py

@@ -130,22 +130,31 @@ demo = gr.Blocks()
 with demo:
     gr.HTML("""
         <style>
-            /* General styles for the interface */
-            .gr-button {
-                background-color: #F44336 !important; /* Red background */
-                color: white !important; /* White text */
-                border: none !important;
-                padding: 10px 20px !important;
-                text-align: center !important;
-                text-decoration: none !important;
-                display: inline-block !important;
-                font-size: 16px !important;
-                margin: 4px 2px !important;
-                cursor: pointer !important;
-                border-radius: 4px !important;
+            /* Target Gradio buttons specifically */
+            button.primary-button {
+                background-color: #F44336; /* Green */
+                color: white;
+                border: none;
+                padding: 10px 20px;
+                font-size: 16px;
+                cursor: pointer;
+                border-radius: 5px;
             }
-            .gr-button:hover {
-                background-color: #B22222 !important; /* Darker red on hover */
+            button.primary-button:hover {
+                background-color: #B22222; /* Darker green */
+            }
+
+            button.secondary-button {
+                background-color: #D3D3D3; /* Red */
+                color: white;
+                border: none;
+                padding: 10px 20px;
+                font-size: 16px;
+                cursor: pointer;
+                border-radius: 5px;
+            }
+            button.secondary-button:hover {
+                background-color: #808080; /* Darker red */
             }
         </style>
     """)