diff --git a/src/components/layouts/PosterLayout.svelte b/src/components/layouts/PosterLayout.svelte
index 10bdda3..e5125a4 100644
--- a/src/components/layouts/PosterLayout.svelte
+++ b/src/components/layouts/PosterLayout.svelte
@@ -64,7 +64,7 @@
             </dl>
             <Button
                 text="Add to cart"
-                color="pink"
+                color="pinklight"
             />
         </div>
 
diff --git a/src/components/molecules/Poster.svelte b/src/components/molecules/Poster.svelte
index fc0c9b2..1bda70b 100644
--- a/src/components/molecules/Poster.svelte
+++ b/src/components/molecules/Poster.svelte
@@ -29,7 +29,7 @@
         <Button
             type="button"
             text="Add to cart"
-            color="pink"
+            color="pinklight"
             size="xsmall"
         />
     </div>
diff --git a/src/style/atoms/_button.scss b/src/style/atoms/_button.scss
index f926767..4410b57 100644
--- a/src/style/atoms/_button.scss
+++ b/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;
             }
         }
     }