fix: first css customized button

app/dead.py

@@ -1,6 +1,7 @@
 import gradio as gr
 from top_section import create_top_section, create_dropdown
 
+
 def show_section_dead(visible):
     with gr.Column(visible=visible) as section_dead:
         gr.Markdown("# Dead Animal")

app/theme.py

@@ -1,6 +1,10 @@
 import gradio as gr
 
-css = ".gradio-container {background: url(https://openclipart.org/image/2000px/279687)}"
+css = """
+.gradio-container {background: url(https://openclipart.org/image/2000px/279687)}
+#warning {background-color: #FFCCCB}
+.feedback textarea {font-size: 24px !important}
+"""
 
 theme = gr.themes.Soft(primary_hue="teal", secondary_hue="teal", neutral_hue="emerald",
                          font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"])

app/top_section.py

@@ -7,7 +7,7 @@ def create_top_section(visible):
     with gr.Row() as image_row:
             with gr.Column(scale=1, min_width="50px"):
                 img1 = gr.Image(value=PATH + '/assets/logos/van.png', show_download_button=False, show_label=False, height="150px")
-                button_collision = gr.Button("Collision with a means of transport", visible=visible)
+                button_collision = gr.Button("Collision with a means of transport", visible=visible, elem_id="warning", elem_classes=".feedback")
                 
             with gr.Column(scale=1, min_width="50px"):
                 img2 = gr.Image(value=PATH + '/assets/logos/destruction.png', show_download_button=False, show_label=False, height="150px")