Update cookie consent popup

src/components/banner/CookieConsent.jsx

@@ -21,7 +21,7 @@ function CookieConsent() {
               Read cookie policy
             </a>
           </p>
-          <div className="flex w-full md:w-fit gap-2 mt-8 md:mt-0 ml-12">
+          <div className="flex w-full md:w-fit gap-2 mt-8 md:mt-0 md:ml-12">
             <a
               id="reject"
               className="flex h-12 w-full md:w-fit justify-center items-center border-2 border-gray-300 px-8 rounded-md  text-gray-700 hover:bg-gray-100"

src/layouts/BaseLayout.astro

@@ -33,7 +33,7 @@ const { title } = Astro.props;
     />
 
     <title>{title}</title>
-    <ViewTransitions />
+    <!-- <ViewTransitions /> -->
     <script src="../assets/js/matomoTracking.js"></script>
   </head>
   <main class="flex flex-col h-screen"> 
@@ -44,7 +44,7 @@ const { title } = Astro.props;
       <NavigationReact client:only currentURL={Astro.request.url} />
       <div class="mt-14 flex-1"><slot /></div>
       <Footer />
-      <CookieConsent />
+      <CookieConsent client:load/>
 
     
       <script src="../assets/js/cookieConsent.js"></script>

src/styles/input.css

@@ -105,12 +105,15 @@
         padding: 2rem;
         background-color: #fff;
         opacity: 1;
-        transition: opacity .35s ease;
+        transition: bottom .5s ease;
 
         &.hide{
-            opacity: 0;
-            display:none;
+           bottom:-412px;
         }
+
+   
     }
+
+    
     
 }