Shop WIP

src/style/molecules/_poster.scss

@@ -1,7 +1,52 @@
 .poster {
+    position: relative;
+    border-radius: 6px;
+    max-width: 326px;
+
+    @include bp (sm) {
+        background-color: $color-primary-tertiary20;
+        max-width: 600px;
+    }
+
     img {
         display: block;
         width: 100%;
         height: auto;
     }
+
+    .buttons {
+        display: flex;
+        margin-top: 40px;
+        justify-content: center;
+
+        @include bp (sm) {
+            position: absolute;
+            align-items: center;
+            justify-content: space-between;
+            bottom: 14px;
+            left: 10%;
+            right: 10%;
+            // margin: 0 10% 28px;
+            white-space: nowrap;
+        }
+
+        a {
+            margin-right: 8px;
+            margin-left: 8px;
+
+            @include bp (sm) {
+                margin: 0;
+            }
+        }
+    }
+
+    &:hover {
+        img {
+            transform: scale(0.8) translate3d(0, -5%, 0);
+        }
+        .buttons {
+            display: flex;
+        }
+    }
+
 }