Fix feedback button style

Author: luizrrodrigues

src/components/Banner/styles.scss

@@ -8,7 +8,7 @@
   flex-wrap: wrap;
 
   width: 100%;
-  background: linear-gradient(90deg, $blue 0%, $green 100%);
+  background: linear-gradient(90deg, $blue 0%, $lightGreen2 100%);
   border-radius: 10px;
   margin-bottom: 22px;
   color: $white;

src/styles/_utils.scss

@@ -32,21 +32,21 @@
     .button {
       @include roboto-bold;
 
-      padding: 8px 12px;
-      font-size: $font-size-xs;
+      padding: 12px 16px;
+      font-size: 13px;
       color: $green;
       line-height: 1;
       letter-spacing: 0.8px;
       white-space: nowrap;
       appearance: none;
       background: $white;
-      border: 1px solid $green;
-      border-radius: 15px;
+      border: 1px solid $green2;
+      border-radius: 20px;
     }
 
     .button-primary {
       color: $white;
-      background-color: $green;
+      background-color: $green2;
     }
   }
 }

src/styles/_variables.scss

@@ -132,10 +132,11 @@ $base-unit: 5px;
 $body-color: $tc-gray-90;
 $white: $tc-white;
 $green: #229174;
+$green2: #287d61;
 $darkGreen: #137d60;
 $lightGreen: #0ab88a;
+$lightGreen2: #06d6a0;
 $blue: #2c95d7;
-$green: #06d6a0;
 
 $border-radius: 6px;
 $border-radius-sm: 5px;