refactor: ajusta mensagem de validação do newsletter

src/components/NewsLetter/styles.module.scss

@@ -7,7 +7,6 @@
   border-color: var(--black-500);
   width: 100%;
   padding: 16px 0;
-  position: relative;
 
   &__title {
     width: 37.09%;
@@ -32,6 +31,7 @@
     height: 42px;
     width: 37.09%;
     max-width: 474.75px;
+    position: relative;
 
     span {
       font-style: normal;
@@ -40,8 +40,8 @@
       line-height: 14px;
       color: var(--red-500);
       position: absolute;
-      top: 31%;
-      right: 43%;
+      top: -30%;
+      left: 55%;
     }
   }
 
@@ -101,6 +101,11 @@
       width: 100%;
       max-width: 100%;
       flex-direction: column;
+
+      span {
+        top: 43%;
+        left: 0%;
+      }
     }
 
     &__input {
@@ -130,6 +135,13 @@
       width: 36.88%;
       max-width: 922px;
       height: 59px;
+
+      span {
+        font-size: 24px;
+        line-height: 28px;
+        top: -42%;
+        left: 56%;
+      }
     }
 
     &__input {