Update app.py

app.py

@@ -71,8 +71,28 @@ def use_template():
     template_categories = ["Product Experience", "Customer Support", "Price of Service", "Other"]
     return template_categories, f"**Categories:**\n" + "\n".join([f"- {cat}" for cat in template_categories])
 
+# Custom CSS for button styling
+custom_css = """
+button {
+    background-color: #4c6bfd !important;
+    border: none !important;
+    color: white !important;
+    padding: 10px 20px !important;
+    text-align: center !important;
+    text-decoration: none !important;
+    display: inline-block !important;
+    font-size: 16px !important;
+    border-radius: 5px !important;
+    transition: background-color 0.3s ease !important;
+}
+
+button:hover {
+    background-color: #3a52cc !important;
+}
+"""
+
 # Gradio Interface
-with gr.Blocks() as nps:
+with gr.Blocks(css=custom_css) as nps:
     # State to store categories
     categories = gr.State([])
 
@@ -96,7 +116,7 @@ with gr.Blocks() as nps:
             - Upload a CSV file with at least one column: `customer_comment`.
             - If you don't have your own data, click **Use Template** to load a sample dataset.
             """)
-            template_btn = gr.Button("✨ Use Template", size="sm", variant="primary")
+            template_btn = gr.Button("✨ Use Template", size="sm")
 
     gr.Markdown("---")
 
@@ -106,8 +126,8 @@ with gr.Blocks() as nps:
             # Category input and buttons
             category_input = gr.Textbox(label="📝 New Category", placeholder="Enter category name", scale=1)
             with gr.Row():
-                add_category_btn = gr.Button("➕ Add Category", size="sm", variant="primary")
-                reset_btn = gr.Button("🔄 Reset Categories", size="sm", variant="secondary")
+                add_category_btn = gr.Button("➕ Add Category", size="sm")
+                reset_btn = gr.Button("🔄 Reset Categories", size="sm")
             # Category display
             category_status = gr.Markdown("**📂 Categories:**\n- None")
         with gr.Column(scale=1):
@@ -123,7 +143,7 @@ with gr.Blocks() as nps:
     # Classify button and output
     with gr.Row():
         with gr.Column(scale=1):
-            classify_btn = gr.Button("🔍 Classify", size="sm", variant="primary")
+            classify_btn = gr.Button("🔍 Classify", size="sm")
         with gr.Column(scale=3):  # Center the container and make it 75% of the window width
             output = gr.HTML()