Update app.py

app.py

@@ -752,29 +752,33 @@ def enhanced_likert_scale(question_data):
     # استایل‌دهی با HTML - غیرفعال کردن استایل‌های پیش‌فرض دکمه‌ها
     st.markdown(f"""
     <style>
-        /* غیرفعال کردن استایل‌های پیش‌فرض دکمه‌های streamlit */
-        .stButton>button {{
+        /* استایل‌های اختصاصی فقط برای دکمه‌های لیکرت */
+        div[data-testid="column"] .stButton > button {{
             all: unset;
-            background: none;
-            border: none;
-            padding: 0;
-            margin: 0;
-            font: inherit;
-            color: inherit;
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            border: 2px solid #6a0dad !important;
+            background: { "#6a0dad" if st.session_state[key] is not None else "white" } !important;
+            color: { "white" if st.session_state[key] is not None else "#6a0dad" } !important;
+            font-weight: bold;
+            display: flex;
+            align-items: center;
+            justify-content: center;
             cursor: pointer;
+            transition: all 0.3s;
+            margin: 0 auto;
         }}
         
-        /* غیرفعال کردن افکت‌های hover و active پیش‌فرض */
-        .stButton>button:hover, 
-        .stButton>button:active {{
-            background: none !important;
-            border: none !important;
-            box-shadow: none !important;
+        div[data-testid="column"] .stButton > button:hover {{
+            transform: scale(1.1);
+            background: #f0e6ff !important;
         }}
         
-        /* مخفی کردن label دکمه‌ها */
-        .stButton>button>div>p {{
-            display: none;
+        /* فقط برای دکمه‌های انتخاب شده */
+        div[data-testid="column"] .stButton > button:has(> div > p:contains('•')) {{
+            background: #6a0dad !important;
+            color: white !important;
         }}
     </style>
     """, unsafe_allow_html=True)