Update Streamlit app styles by adjusting button group gap, segmented control height, and border radius for improved aesthetics and user experience.

src/streamlit_app.py

@@ -22,24 +22,25 @@ st.markdown("""
 <style>
     /* Tab styling */
     .stElementContainer [data-baseweb="button-group"] {
-        gap: 8px;
+        gap: 2.000rem;
         padding: 4px;
     }
     .stElementContainer [kind="segmented_control"] {
-        height: 45px;
+        height: 2.000rem;
         white-space: pre-wrap;
         background-color: #DAA520;
         color: white;
-        border-radius: 10px;
+        border-radius: 20px;
         gap: 1px;
         padding: 10px 20px;
         font-weight: bold;
         transition: all 0.3s ease;
     }
     .stElementContainer [kind="segmented_controlActive"] {
-        height: 50px;
+        height: 3.000rem;
         background-color: #DAA520;
         border: 3px solid #FFD700;
+        border-radius: 10px;
         color: black;
     }
     .stElementContainer [kind="segmented_control"]:hover {