Update app.py

app.py

@@ -15,17 +15,22 @@ def predict(image):
 
 css = """
     .gradio-container {
-        background-color: #007bff;
+        background-color: #f5f5f5;
         font-family: Arial, sans-serif;
     }
     .gr-button {
-        background-color: #007bff;  
-        color: white;
-        border-radius: 5px;
-        font-size: 16px;
+    background-color: #007bff; /* Blue background */
+    color: white; /* White text */
+    border: none; /* Remove default border */
+    border-radius: 5px; /* Rounded corners */
+    font-size: 16px; /* Adjust font size */
+    padding: 10px 20px; /* Add padding for a larger clickable area */
+    cursor: pointer; /* Change cursor to pointer to indicate it's clickable */
+    transition: background-color 0.3s ease; /* Smooth hover transition */
     }
+
     .gr-button:hover {
-        background-color: #007bff; 
+    background-color: #0056b3; /* Darker blue on hover */
     }
     .gr-textbox, .gr-image {
         border: 2px dashed #007bff;