Update app.py

app.py

@@ -295,14 +295,14 @@ label, .gr-checkbox-label span { /* Target labels and checkbox labels */
 .gr-block .gr-box > div > p, .gr-block .gr-box > div > span {
     color: #E0E0E0 !important;
 }
-/* Style for the Reset Button */
-button.gr-button-primary.gr-button-lg { /* Target primary large buttons (default for gr.Button) */
+/* Style for the Reset Button using its specific ID */
+#reset-workout-button {
     background-color: #513B8B !important; /* Your desired background color */
     color: #FFFFFF !important; /* White text color */
     border-color: #513B8B !important; /* Match border color to background */
 }
 
-button.gr-button-primary.gr-button-lg:hover {
+#reset-workout-button:hover {
     background-color: #9b87f5 !important; /* Hover background color */
     border-color: #9b87f5 !important; /* Match hover border color */
 }
@@ -342,7 +342,7 @@ with gr.Blocks(theme=theme, css=custom_css) as iface:
             target_reps_number = gr.Number(value=target_reps, label="Target Reps per Set", precision=0, minimum=1)
             target_sets_number = gr.Number(value=target_sets, label="Target Sets", precision=0, minimum=1)
             
-            reset_button = gr.Button("Reset Workout") # Will use primary_hue from theme
+           reset_button = gr.Button("Reset Workout", elem_id="reset-workout-button")
             
             gr.Markdown("### Progress")
             reps_output = gr.Textbox(label="Reps Progress")