button css

app.py

@@ -98,7 +98,8 @@ def submit_question(question):
 
 css = """
       #col-container {max-width: 80%; margin-left: auto; margin-right: auto;}
-      #arithmedics-img {width: 120px; display: block; margin-left: auto; margin-right: auto;}
+      #arithmedics-img {width: 200px; display: block; margin-left: auto; margin-right: auto;}
+      #submitbtn {width: 50%}
       #chatbox {min-height: 400px; .scroll-container {position: absolute; top: 0; right:0;}}
       #header {text-align: center;}
       #total_tokens_str {text-align: right; font-size: 0.8em; color: #666;}
@@ -118,7 +119,11 @@ with gr.Blocks(css=css, title='AASLD Practice Guidelines ') as demo:
                     show_label=False, 
                     placeholder='Enter your question',
                     visible=True, container=False)
-                btn_submit = gr.Button('Ask AASLD Guidelines', size='sm')
+                btn_submit = gr.Button(
+                    'Ask AASLD Guidelines',
+                    variant='primary',
+                    elem_id='submitbtn',
+                    size='sm')
                 question = gr.HTML()
                 answer = gr.HTML()
                 # chatbot = gr.Chatbot(