Update style.css
Browse files
style.css
CHANGED
|
@@ -216,6 +216,26 @@ border-radius: 0 0 15px 15px !important;
|
|
| 216 |
cursor: pointer;
|
| 217 |
background-color: rgba(0,0,0,0.2);
|
| 218 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 219 |
@media(max-width: 576px){
|
| 220 |
.contacts_card{
|
| 221 |
margin-bottom: 15px !important;
|
|
|
|
| 216 |
cursor: pointer;
|
| 217 |
background-color: rgba(0,0,0,0.2);
|
| 218 |
}
|
| 219 |
+
|
| 220 |
+
.mic-icon {
|
| 221 |
+
font-size: 24px;
|
| 222 |
+
color: red; /* Default color */
|
| 223 |
+
cursor: pointer;
|
| 224 |
+
margin-left: 10px;
|
| 225 |
+
transition: color 0.3s ease;
|
| 226 |
+
}
|
| 227 |
+
|
| 228 |
+
.mic-icon.active {
|
| 229 |
+
color: green; /* Color when activated */
|
| 230 |
+
}
|
| 231 |
+
|
| 232 |
+
.send_btn {
|
| 233 |
+
background-color: #007bff;
|
| 234 |
+
color: white;
|
| 235 |
+
border: none;
|
| 236 |
+
cursor: pointer;
|
| 237 |
+
}
|
| 238 |
+
|
| 239 |
@media(max-width: 576px){
|
| 240 |
.contacts_card{
|
| 241 |
margin-bottom: 15px !important;
|