Update breed_comparison.py

breed_comparison.py

@@ -42,7 +42,7 @@ def create_comparison_tab(dog_breeds, get_dog_description, breed_noise_info, bre
                 value="Border_Collie"
             )
 
-        compare_btn = gr.Button("Compare Breeds",  variant="primary", elem_classes="custom-compare-button")
+        compare_btn = gr.Button("Compare Breeds", elem_classes="custom-compare-button")
         comparison_output = gr.HTML(label="Comparison Results")
 
         def format_noise_data(notes):
@@ -402,17 +402,10 @@ def create_comparison_tab(dog_breeds, get_dog_description, breed_noise_info, bre
                 transform: translateY(1px) !important;
                 box-shadow: 0 2px 4px rgba(66, 153, 225, 0.2) !important;
             }
-
-            /* 幫按鈕添加容器樣式 */
-            .button-container {
-                text-align: center;
-                padding: 20px 0;
-                background: linear-gradient(to right, rgba(66, 153, 225, 0.05), rgba(72, 187, 120, 0.05));
-                border-radius: 12px;
-                margin: 20px 0;
-            }
             """
 
+        gr.HTML(f"<style>{get_comparison_styles()}</style>")
+
         def show_comparison(breed1, breed2):
             if not breed1 or not breed2:
                 return "Please select two breeds to compare"