feat(pie-cookie-banner): DSW-2210 add entrance animation variants

.changeset/eighty-candles-turn.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-cookie-banner": minor
+---
+
+[Added] - An entrance animation to the cookie banner that makes it slide into the viewport from below.

packages/components/pie-cookie-banner/src/cookie-banner.scss

@@ -46,6 +46,16 @@ $breakpoint-wide: 700px;
     &[isCookieBannerHidden] {
         display: none;
     }
+
+    @media (prefers-reduced-motion: no-preference) {
+        @keyframes animate-enter {
+            0% { transform: translate3d(0, 75%, 0); }
+
+            100% { transform: translate3d(0, 0, 0); }
+        }
+
+        animation: 0.5s animate-enter ease-out;
+    }
 }
 
 .c-cookieBanner-title,