Added CSS to make buttons more visible

app.py

@@ -527,6 +527,32 @@ button.primary:hover,
 span[style*="color"] {
     /* Allow inline color styles to work */
 }
+/* Radio buttons - fix label and option colors */
+.gr-radio,
+.gr-radio label,
+[data-testid="radio-group"] label,
+[data-testid="radio-group"] span {
+    color: #333333 !important;
+    background: transparent !important;
+}
+
+/* Unselected radio option */
+[data-testid="radio-group"] .selected,
+input[type="radio"] + span {
+    background: white !important;
+    border: 1.5px solid #ddd !important;
+    color: #333 !important;
+}
+
+/* Selected/checked radio option */
+[data-testid="radio-group"] input[type="radio"]:checked + span,
+.gr-radio input[type="radio"]:checked ~ span {
+    background: #FFF0F4 !important;        /* light pinkish tint */
+    border-color: #C40D42 !important;
+    color: #C40D42 !important;
+    font-weight: 600 !important;
+}
+
 """
 
 with gr.Blocks(theme=theme, css=css, title="SinhalaVITS Playground") as demo: