Use classes with higher specificity to bypass identifier style issue

app.py

@@ -92,8 +92,10 @@ 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"; }
+#submit-button { background-color: "#00A7E5"; color: "#FFFFFF"; }
+#submit-button:hover { background-color: "#00A7E5"; color: "white"; box-shadow: "0 8px 10px 1px #9d9ea124, 0 3px 14px 2px #9d9ea11f, 0 5px 5px -3px #9d9ea133"; }
+.secondary.lg.svelte-cmf5ev { background-color: "#00A7E5"; color: "#FFFFFF"; }
+.secondary.lg.svelte-cmf5ev:hover { background-color: "#00A7E5"; color: "#FFFFFF"; 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: