Update styles.css

styles.css

@@ -183,10 +183,28 @@ button:hover {
 
 .form-navigation {
     display: flex;
-    justify-content: flex-end;
+    justify-content: space-between;
+    align-items: center;
     margin-top: 20px;
 }
 
+.form-navigation .btn-secondary {
+    order: -1;
+    margin-right: auto;
+}
+
+.form-navigation button[type="submit"] {
+    margin-left: auto;
+}
+
+.whatsapp-note {
+    text-align: center;
+    color: red;
+    font-size: 0.8em;
+    margin-top: 15px;
+    max-width: 100%;
+}
+
 textarea {
     min-height: 100px;
     resize: vertical;
@@ -394,13 +412,25 @@ footer {
     .form-navigation {
         flex-direction: column;
         gap: 10px;
+        align-items: stretch;
     }
 
-    .btn-secondary {
+    .form-navigation .btn-secondary {
+        order: 0;
         margin-right: 0;
         margin-bottom: 10px;
     }
 
+    .form-navigation button[type="submit"] {
+        margin-left: 0;
+    }
+
+    .whatsapp-note {
+        text-align: center;
+        margin-top: 15px;
+        font-size: 0.75em;
+    }
+
     .checkbox-label {
         flex-direction: column;
         align-items: flex-start;