Fix button text visibility - ensure beige text on dark green buttons

app/streamlit_app.py

@@ -645,16 +645,22 @@ def main():
     
 
     
-    /* Fix text color visibility for mobile and all devices */
+    /* Fix text color visibility for mobile and all devices - EXCEPT buttons */
     .stMarkdown, .stMarkdown p, .stMarkdown h1, .stMarkdown h2, .stMarkdown h3, .stMarkdown h4 {
         color: #0B3B0B !important;
     }
     
-    /* Ensure all text elements have proper contrast */
+    /* Ensure all text elements have proper contrast - EXCEPT buttons */
     .element-container, .stMarkdown div, p, span, h1, h2, h3, h4, h5, h6 {
         color: #0B3B0B !important;
     }
     
+    /* Override text color for buttons to ensure proper contrast */
+    .stButton > button, .stButton > button * {
+        color: #fffdfa !important;
+        background-color: #0B3B0B !important;
+    }
+    
     /* Mobile-specific text styling */
     @media (max-width: 768px) {
         .stMarkdown, .stMarkdown p, .stMarkdown h1, .stMarkdown h2, .stMarkdown h3, .stMarkdown h4 {
@@ -667,6 +673,13 @@ def main():
             color: #0B3B0B !important;
             text-shadow: none !important;
         }
+        
+        /* Ensure button text stays visible on mobile */
+        .stButton > button, .stButton > button * {
+            color: #fffdfa !important;
+            background-color: #0B3B0B !important;
+            font-weight: bold !important;
+        }
     }
     
     /* Dark mode override for mobile browsers */
@@ -676,21 +689,28 @@ def main():
             color: #0B3B0B !important;
             background-color: transparent !important;
         }
+        
+        /* Ensure button text stays beige/white even in dark mode */
+        .stButton > button, .stButton > button * {
+            color: #fffdfa !important;
+            background-color: #0B3B0B !important;
+        }
     }
     
     .stButton > button {
-        background-color: #0B3B0B;
-        color: white;
+        background-color: #0B3B0B !important;
+        color: #fffdfa !important;
         border-radius: 25px;
         border: none;
         padding: 12px 28px;
-        font-weight: bold;
+        font-weight: bold !important;
         font-size: 16px;
         transition: all 0.3s ease;
     }
     
     .stButton > button:hover {
-        background-color: #4CAF50;
+        background-color: #4CAF50 !important;
+        color: #fffdfa !important;
         transform: translateY(-1px);
     }
     </style>