diff --git a/content/includes/cookie-banner.blade.php b/content/includes/cookie-banner.blade.php
index ab6819b..dbc08e0 100644
--- a/content/includes/cookie-banner.blade.php
+++ b/content/includes/cookie-banner.blade.php
@@ -1,4 +1,20 @@
-<div class="container fixed-bottom py-3 text-light rounded" id="cookie-settings" style="margin-bottom: 30px; background-color: {{$_primary_ci_color}}; bottom: -100%;">
+<style>
+    #cookie-settings{
+        transition: background 0.8s ease;
+        background: {{$_primary_ci_color}}80;
+        border-radius: 16px;
+        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+        backdrop-filter: blur(5px);
+        -webkit-backdrop-filter: blur(5px);
+        border: 1px solid {{$_primary_ci_color}}30;
+        margin-bottom: 70px;
+    }
+    #cookie-settings:hover{
+        background: {{$_primary_ci_color}} !important;
+    }
+</style>
+
+<div class="container fixed-bottom p-3 text-light rounded scroll" id="cookie-settings">
     <div class="row">
         <div class="col-12" style="max-height: 10vh;overflow: auto;">
             <h4 class="text-light mt-2">
@@ -249,3 +265,10 @@
         </div>
     </div>
 </div>
+
+
+<style>
+    #cookie-settings:hover{
+        background-color: background: {{$_primary_ci_color}}; ;
+    }
+</style>
\ No newline at end of file