Update app.py

app.py

@@ -168,30 +168,37 @@ button.selected::after{
 
 
 demo = gr.Blocks(css="""
-#popup-modal {
+.popup-overlay {
     position: fixed;
     top: 0; left: 0;
     width: 100vw; height: 100vh;
     background: rgba(0,0,0,0.5);
+    z-index: 999;
     display: flex;
     justify-content: center;
     align-items: center;
-    z-index: 999;
+    flex-direction: column;
 }
-#popup-content {
-    background: white;
+
+.popup-box {
+    background-color: white;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 20px rgba(0,0,0,0.3);
+    width: 340px;
     text-align: center;
-    width: 300px;
 }
-#popup-button {
-    margin-top: 15px;
+
+.popup-button {
     background-color: #5b65a7;
     color: white;
+    padding: 10px 20px;
+    border-radius: 8px;
+    margin-top: 10px;
+    border: none;
+    cursor: pointer;
 }
-#popup-button:hover {
+.popup-button:hover {
     background-color: #3c4687;
 }
 """)
@@ -268,17 +275,19 @@ with demo:
         )
 
     ###############################
-    popup = gr.Column(visible=False, elem_id="popup-modal")
+    popup = gr.Column(visible=False, elem_classes="popup-overlay")
     with popup:
-        with gr.Column(elem_id="popup-content"):
-            gr.Markdown("""
-            ### ℹ️ Notice
-            
-            Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.  
-            No se guardan las grabaciones y se eliminan automáticamente.  
-            The recordings are not saved and are automatically removed.
-            """)
-            ok_btn = gr.Button("OK", elem_id="popup-button")
+        with gr.Column(elem_classes="popup-box"):
+            gr.Markdown(
+                """
+                ### ℹ️ Notice
+    
+                Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.  
+                No se guardan las grabaciones y se eliminan automáticamente.  
+                The recordings are not saved and are automatically removed.
+                """
+            )
+            ok_btn = gr.Button("OK", elem_classes="popup-button")
             ok_btn.click(fn=hide_popup, outputs=popup)
 
     # Show on load