From 51c8efc668151a80481be3693be82a0a77057767 Mon Sep 17 00:00:00 2001
From: amanda almeida <manda.fonsecaff@gmail.com>
Date: Fri, 9 Dec 2022 18:12:55 -0300
Subject: [PATCH] feat(newsletter): Adiciona newsletter mobile

---
 src/arquivos/sass/components/_newsletter.scss | 39 ++++++++++++++++---
 1 file changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/arquivos/sass/components/_newsletter.scss b/src/arquivos/sass/components/_newsletter.scss
index fc66ce4..f76f2cb 100644
--- a/src/arquivos/sass/components/_newsletter.scss
+++ b/src/arquivos/sass/components/_newsletter.scss
@@ -1,5 +1,5 @@
 .footer-newsletter {
-	padding: 24px 0;
+	padding: 24px 15px;
 	background: linear-gradient(180deg, $blue-500 0%, $blue-600 100%);
 
 	&__wrapper {
@@ -12,25 +12,48 @@
 		font-size: 14px;
 		line-height: 17px;
 		color: $white-500;
+
+		@include mq(lg, max) {
+			max-width: 224px;
+			margin-bottom: 8px;
+		}
 	}
 
 	.m3-custom-newsletter-form {
 		display: flex;
-		align-items: center;
 		position: relative;
+
+		@include mq(lg, max) {
+			flex-direction: column;
+		}
+
+		@include mq(lg, min) {
+			align-items: center;
+
+		}
 	}
 
 	fieldset {
 		flex: 1;
-		margin: 0 16px 0 0;
+		margin: 0;
 		padding: 0;
 
+		@include mq(lg, max) {
+			margin-bottom: 8px;
+		}
+
+		@include mq(lg, min) {
+			margin-right: 16px;
+		}
+
 		&:last-of-type {
-			margin-right: 0;
+			margin: 0;
 		}
 
 		&.m3-cn-button-ok-container {
-			max-width: 126px;
+			@include mq(lg, min) {
+				max-width: 126px;
+			}
 		}
 
 		label {
@@ -88,6 +111,12 @@
 		line-height: 1;
 		font-weight: 700;
 
+		@include mq(lg, max) {
+			text-align: center;
+			width: 100%;
+
+		}
+
 		.m3-cn-error {
 			color: $red-300;
 		}