Update app.py

app.py

@@ -125,10 +125,21 @@ with gr.Blocks(css="""
     body { background-color: #161b24; font-family: 'Nato', sans-serif !important; }
     h1 { text-align: center; color: #2c3e50; }
     img { display: block; margin: auto; width: 100px; border-radius: 20px; }
-    button { font-size: 16px; padding: 10px 20px; border-radius: 10px; border: none; background-color: rgba(124, 248, 255, 0.4); color: #fafdff; }
-    button:hover {background-color: #49888f;
-    border-color: #7cf8ff !important;
-    transform: scale(1.05);}
+    button { 
+    font-size: 16px; 
+    padding: 10px 20px; 
+    border-radius: 10px; 
+    border: 2px solid rgba(124, 248, 255, 0.4); 
+    background-color: rgba(124, 248, 255, 0.4); 
+    color: #fafdff; 
+    transition: all 0.2s ease;
+}
+    button:hover {
+    background-color: #49888f;
+    border-color: #7cf8ff;
+    transform: scale(1.05);
+}
+
     .gr-chatbot { background-color: white; border-radius: 15px; padding: 20px; }
 """) as demo:
 
@@ -156,7 +167,7 @@ with gr.Blocks(css="""
     margin-bottom: 20px;
 '>
     <h1 style='font-size: 89.5px; color: #fafdff;'>Welcome to <b><span style='color: #7cf8ff;'>Intervu</span></b></h1>
-    <p style='font-size: 22.1px; color: #fafdff; margin-top: 30px; text-align: center;'>Before you begin, complete Step 1 to select your interview type and Step 2 to enter your background. Practice is available through text, speech, or webcam.</p>
+    <p style='font-size: 22.1px; color: #fafdff; margin-top: 30px; text-align: center; margin-bottom: 30px;'>Before you begin, complete Step 1 to select your interview type and Step 2 to enter your background. Practice is available through text, speech, or webcam.</p>
 </div>
 """)