Update button styles

app.py

@@ -92,7 +92,8 @@ CSS ="""
 footer.svelte-1ax1toq.svelte-1ax1toq.svelte-1ax1toq.svelte-1ax1toq { display: none; }
 #component-0 { height: 100%; }
 #chatbot { flex-grow: 1; overflow: auto;}
-
+#submit-button { background: "#00A7E5"; color: "white"; }
+#submit-button:hover { background: "#00A7E5"; color: "white"; box-shadow: "0 8px 10px 1px #9d9ea124, 0 3px 14px 2px #9d9ea11f, 0 5px 5px -3px #9d9ea133"; }
 """
 
 with gr.Blocks(theme='samayg/StriimTheme', css=CSS) as demo:
@@ -100,7 +101,7 @@ with gr.Blocks(theme='samayg/StriimTheme', css=CSS) as demo:
     chatbot = gr.Chatbot(show_label=False, height=300)
     msg = gr.Textbox(label="Question:")
     examples = gr.Examples(examples=[['What\'s new in Striim version 4.2.0?'], ['My Striim application keeps crashing. What should I do?'], ['How can I improve Striim performance?'], ['It says could not connect to source or target. What should I do?']], inputs=msg, label="Examples")
-    submit = gr.Button("Submit")
+    submit = gr.Button("Submit", elem_id="submit-button")
 
     #with gr.Accordion(label="Advanced options", open=False):
         #slider = gr.Slider(minimum=0, maximum=1, step=0.01, value=0, label="Temperature", info="The temperature of StriimGPT, default at 0. Higher values may allow for better inference but may fabricate false information.")