Update static/css/style.css

static/css/style.css

@@ -89,22 +89,32 @@ audio {
     background-color: #28a745;
     color: white;
 }
-
-.read-aloud-btn {
-    background-color: #007bff;
+/* Speech Recognition + Text-to-Speech */
+.styled-btn, .read-btn {
+    background-color: #007BFF;
     color: white;
     border: none;
-    padding: 5px 10px;
-    border-radius: 5px;
+    padding: 10px 15px;
+    border-radius: 20px;
     cursor: pointer;
-    font-size: 14px;
-    margin-top: 5px;
+    font-size: 16px;
+    transition: background 0.3s, transform 0.2s;
 }
 
-.read-aloud-btn:hover {
+.styled-btn:hover, .read-btn:hover {
     background-color: #0056b3;
+    transform: scale(1.05);
 }
 
+.read-btn {
+    margin-left: 10px;
+    font-size: 14px;
+    background-color: #28a745;
+}
+
+.read-btn:hover {
+    background-color: #218838;
+}
 
 /* Footer fixed at the bottom */
 .footer {