Update app.py

app.py

@@ -233,6 +233,32 @@ st.markdown("""
         font-weight: bold !important;
     }
 
+        /* دکمه سبز (ثالث) */
+    .stButton>button.green-btn,
+    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button.green-btn {
+        background-color: #28a745 !important;  /* رنگ سبز */
+        color: white !important;
+        border: none !important;
+        border-radius: 8px !important;
+        padding: 10px 20px !important;
+        font-weight: bold !important;
+        transition: all 0.3s ease !important;
+    }
+    
+    /* حالت hover برای دکمه سبز */
+    .stButton>button.green-btn:hover,
+    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button.green-btn:hover {
+        background-color: #218838 !important;  /* رنگ سبز تیره‌تر برای حالت hover */
+        transform: translateY(-1px);
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
+    }
+    
+    /* حالت فعال (فشرده شده) */
+    .stButton>button.green-btn:active,
+    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button.green-btn:active {
+        transform: translateY(0);
+    }
+
     
      /* ========== استایل تضمینی برای گزینه‌های رادیویی ========== */
     /* تمام سطوح لیبل‌ها */
@@ -599,7 +625,9 @@ def attention_check1():
         key="att1_radio"
     )
     
-    if st.button("ادامه", key="att1_btn"):
+    if st.button("ادامه", key="continue_green", type="primary", help="ادامه فرآیند", 
+             use_container_width=True, 
+             kwargs={"class": "green-btn"}):
         if answer:
             st.session_state.attention_check1 = answer  # ذخیره پاسخ در session_state
             st.session_state.current_page = "random_likert_questions"