Fix Lightpink button variant

src/components/layouts/PosterLayout.svelte

@@ -64,7 +64,7 @@
             </dl>
             <Button
                 text="Add to cart"
-                color="pink"
+                color="pinklight"
             />
         </div>
 

src/components/molecules/Poster.svelte

@@ -29,7 +29,7 @@
         <Button
             type="button"
             text="Add to cart"
-            color="pink"
+            color="pinklight"
             size="xsmall"
         />
     </div>

src/style/atoms/_button.scss

@@ -80,7 +80,7 @@
     ** Color Variants
     */
     // Pink Light
-    &--pink {
+    &--pinklight {
         color: $color-text;
         background: $color-secondary-light;
 
@@ -104,12 +104,12 @@
         // Hover
         &:hover {
             color: $color-text;
-            background: $color-secondary;
+            background-color: darken($color-secondary, 7);
         }
         .text-split__line {
             &:last-child {
                 color: $color-text;
-                // color: #fff;
+                color: $color-primary-dark;
             }
         }
     }