Update app.py

app.py

@@ -219,21 +219,42 @@ st.markdown("""
         border-radius: 8px !important;
         padding: 10px 20px !important;
         font-weight: bold !important;
+        transition: all 0.3s ease !important; /* افزودن transition برای انیمیشن نرم */
     }
-
+    
+    /* افکت hover برای دکمه اصلی */
+    .stButton>button:hover, 
+    [data-testid="baseButton-primary"]:hover,
+    .accept-btn:hover,
+    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button:hover {
+        background-color: #5a0a96 !important; /* بنفش تیره‌تر */
+        transform: translateY(-1px) !important; /* حرکت جزئی به بالا */
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* سایه بیشتر */
+    }
+    
     /* دکمه ثانویه (سفید با حاشیه بنفش) */
     .stFormSubmitButton>button,
     [data-testid="baseButton-secondary"],
     .reject-btn {
-        background-color: var(--primary) !important;
-        color: var(--input-bg) !important;
+        background-color: var(--input-bg) !important;
+        color: var(--primary) !important;
         border: 1px solid var(--primary) !important;
         border-radius: 8px !important;
         padding: 10px 20px !important;
         font-weight: bold !important;
+        transition: all 0.3s ease !important; /* افزودن transition برای انیمیشن نرم */
     }
-
     
+    /* افکت hover برای دکمه ثانویه */
+    .stFormSubmitButton>button:hover,
+    [data-testid="baseButton-secondary"]:hover,
+    .reject-btn:hover {
+        background-color: #f0e6ff !important; /* بنفش بسیار روشن */
+        color: var(--primary) !important;
+        border-color: #5a0a96 !important; /* حاشیه بنفش تیره‌تر */
+        transform: translateY(-1px) !important; /* حرکت جزئی به بالا */
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* سایه ملایم */
+    }
     
      /* ========== استایل تضمینی برای گزینه‌های رادیویی ========== */
     /* تمام سطوح لیبل‌ها */