Enhance Streamlit radio button styling with custom CSS

Implemented custom CSS for radio buttons to improve visual design and interactivity. Added hover and selection effects with gold color scheme, including white text, rounded corners, and smooth transitions to enhance user interface aesthetics.

app.py

@@ -50,6 +50,27 @@ st.markdown("""
         background-color: #DAA520;
         cursor: pointer;
     }
+            
+    .stRadio [data-baseweb="radio"] {
+        white-space: pre-wrap;
+        background-color: #FFD700;
+        color: white;
+        border-radius: 10px;
+        gap: 1px;
+        padding: 10px 20px;
+        font-weight: bold;
+        transition: all 0.3s ease;
+    }
+            
+    .stRadio [aria-selected="true"] {
+        background-color: #DAA520;
+        color: white;
+    }
+
+    .stRadio [data-baseweb="tab"]:hover {
+        background-color: #DAA520;
+        cursor: pointer;
+    }
 </style>""", unsafe_allow_html=True)
 
 @st.cache_data(ttl = 60)