use html

app.py

@@ -204,8 +204,17 @@ with gr.Blocks(theme=gr.themes.Default()) as demo:
     session = gr.State({"username": None, "counter": 0})  # Manage session state
     # Login Section
     login_block = gr.Column(visible=True)
-    gr.Markdown("[Demo](https://youtube.com/shorts/DmiVhj9ROag?si=j5Opmjny3kNdLlrf)")
     with login_block:
+        gr.HTML(
+            """
+        <div style="text-align: center;">
+            <a href="https://youtube.com/shorts/DmiVhj9ROag?si=j5Opmjny3kNdLlrf" target="_blank" style="text-decoration: none; font-size: 20px;">
+                <img src="https://upload.wikimedia.org/wikipedia/commons/b/b8/YouTube_Logo_2017.svg" alt="YouTube" width="100"><br>
+                <strong>Demo</strong>
+            </a>
+        </div>
+        """
+        )
         email_input = gr.Textbox(label="Email")
         username_input = gr.Textbox(label="WA", type="password")  # Hide input
         login_button = gr.Button("🔑 Login / Register")