Add Newsletter Component and Page

- Newsletter form on Subscribe page and at the end of the photos

src/style/atoms/_button-control.scss

@@ -27,13 +27,18 @@
         position: relative;
         overflow: hidden;
         display: block;
-        width: 13px;
         height: auto;
         transition: transform 500ms $ease-quart, opacity 150ms $ease-inout;
         will-change: transform;
 
+        &:not([data-width]) {
+            width: 13px;
+        }
+
         @include breakpoint (sm) {
-            width: 20px;
+            &:not([data-width]) {
+                width: 20px;
+            }
         }
     }
     .icon[aria-hidden] {
@@ -54,11 +59,18 @@
             background-color: $color-secondary;
         }
     }
-    &--pink {
+    &--lightpink {
         background-color: rgba($color-secondary, 0.4);
 
         &:hover, &.hover {
-            background-color: rgba($color-secondary, 0.75);
+            background-color: rgba($color-secondary, 0.85);
+        }
+    }
+    &--pink {
+        background-color: rgba($color-secondary, 0.85);
+
+        &:hover, &.hover {
+            background-color: $color-secondary;
         }
     }
     &--gray {

src/style/atoms/_link.scss

@@ -1,4 +1,6 @@
-// Change link
+/*
+** Link: Change location
+*/
 .link-change {
     position: relative;
     display: inline-block;
@@ -65,7 +67,9 @@
 }
 
 
-// Link with animated letters
+/*
+** Link: Translation effect
+*/
 .link-translate {
     display: inline-block;
 
@@ -95,7 +99,7 @@
         }
     }
 
-    // Hover
+    // States
     &:hover {
         .text {
             &:after {