Add entering transition on Shop and fix some styling

- Center intro title vertically
- Cart item styling tweaks
- Add cart button quantity label inside of button so it's clickable

src/style/atoms/_button-cart.scss

@@ -8,6 +8,10 @@
         margin-left: auto;
     }
 
+    button {
+        overflow: visible;
+    }
+
     // Icon
     svg {
         color: #fff;
@@ -20,18 +24,20 @@
     // Quantity label
     .quantity {
         position: absolute;
+        z-index: 2;
         top: 50%;
-        left: -12px;
-        transform: translateY(-50%);
+        left: 2px;
+        transform: translate3d(-50%, -50%, 0);
         display: flex;
         align-items: center;
         justify-content: center;
         width: 22px;
         height: 22px;
-        font-size: rem(11px);
+        font-size: rem(12px);
         font-weight: 600;
         color: #fff;
         background-color: $color-secondary;
         border-radius: 100%;
+        opacity: 1;
     }
 }

src/style/molecules/_cart-item.scss

@@ -39,6 +39,7 @@
     &__right {
         display: flex;
         flex-direction: column;
+        flex: 1;
 
         // Poster Title
         h3 {
@@ -52,7 +53,7 @@
         }
         // Text
         p {
-            max-width: 124px;
+            max-width: 152px;
             margin: 8px 0 20px;
             font-size: rem(12px);
             line-height: 1.4;
@@ -68,7 +69,7 @@
             align-items: center;
             height: 28px;
             margin-right: auto;
-            padding: 0 12px;
+            padding: 2px 12px 0;
             border: 1px solid rgba($color-lightgray, 0.3);
             border-radius: 100vh;
             cursor: pointer;

src/style/pages/shop/_intro.scss

@@ -80,13 +80,14 @@
 
 
         @include bp (sm) {
-            top: clamp(#{rem(40px)}, 16vw, #{rem(144px)});
+            // top: clamp(#{rem(40px)}, 16vw, #{rem(144px)});
+            top: 40%;
             left: 0;
             font-size: clamp(#{rem(40px)}, 8vw, #{rem(96px)});
             transform: none;
         }
         @include bp (md) {
-            top: clamp(#{rem(40px)}, 10vw, #{rem(96px)});
+            // top: clamp(#{rem(40px)}, 10vw, #{rem(96px)});
             font-size: clamp(#{rem(40px)}, 6vw, #{rem(96px)});
         }