v4.2.3

htdocs/assets/css/_cookies.css

@@ -3,45 +3,104 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    background: white;
+    background: #ffffff;
     box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
-    padding: 15px;
+    padding: 10px;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    font-family: Arial, sans-serif;
     z-index: 10;
+    color: #333;
+    border-top: 1px solid #ddd;
+    font-size: 14px;
+    flex-wrap: wrap;
 }
 
 #cookieBanner p {
-    font-size: 14px;
-    color: #333;
+    font-size: 16px;
     margin: 0;
     flex: 1;
+    margin-left: 1.5em;
+    max-width: 70%;
+    line-height: 1.5;
 }
 
-button {
-    padding: 10px 15px;
-    border: 1px solid #002147;
-    cursor: pointer;
-    font-size: 14px;
-    border-radius: 4px;
-    margin: 0 5px;
-}
-
-.cookie-settings {
-    background: white;
-    color: #002147;
-}
-
-.reject, .accept {
-    background: #002147;
-    color: white;
-}
-
-.close {
-    font-size: 18px;
+#cookieBanner a {
+    color: #677583;
     font-weight: bold;
-    cursor: pointer;
-    margin-left: 10px;
+    text-decoration: none;
 }
+
+.accept {
+    font-family: "Montserrat", sans-serif;
+    padding: 10px 20px;
+    background-color: #4d555cec;
+    margin-right: 3em;
+    color: #ffffff;
+    border: none;
+    border-radius: 20px;
+    cursor: pointer;
+    font-weight: 600;
+    font-size: 14px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.082);
+    outline: none;
+    box-sizing: border-box;
+    transition: box-shadow 0.3s ease, background-color 0.3s ease;
+}
+
+.accept:hover {
+    background-color: #171C24;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.250);
+}
+
+/* Mobile and Tablet Responsive Styles */
+@media (max-width: 720px) {
+    #cookieBanner p {
+        font-size: 16px;
+        margin: 0;
+        flex: 1;
+        margin-left: 1.5em;
+        max-width: 70%;
+        line-height: 1.5;
+    }
+    
+    #cookieBanner a {
+        color: #677583;
+        font-weight: bold;
+        text-decoration: none;
+    }
+    .accept {
+        background-color:#171C24 ;
+       
+    }
+
+}
+
+@media (max-width: 509px) {
+    #cookieBanner p {
+        font-size: 14px;
+        margin: 0;
+        flex: 1;
+        margin-left: 1.5em;
+        max-width: 70%;
+        line-height: 1.5;
+    }
+    
+    #cookieBanner a {
+        text-decoration: none;
+    }
+    .accept {
+        font-size: 12px;
+        background-color:#171C24 ;
+        padding: 9px 18px;
+    }
+}
+
+@media (max-width: 409px){
+
+    .accept {
+        font-size: 12px;
+        background-color:#171C24 ;
+        padding: 8px 16px;
+    }
+}

htdocs/assets/css/_unzipper.css

@@ -52,7 +52,6 @@ h2 {
 .countdown {
   font-size: 16px;
   font-weight: 400;
-  margin-top: -px;
   color: rgb(70, 41, 204);
   text-align: center;
 }
@@ -83,17 +82,19 @@ button:active {
   box-shadow: rgba(68, 68, 68, 0.572) 3px 2px 10px 0px;
   cursor: pointer;
 }
-@media (max-width: 1170px){
 
-  .container{
+@media (max-width: 1170px) {
+  .container {
     width: 650px;
   }
 }
-@media (max-width: 1024px){
-  .container{
+
+@media (max-width: 1024px) {
+  .container {
     width: 500px;
   }
 }
+
 @media (max-width: 768px) {
   .container {
     padding: 40px 20px;
@@ -129,7 +130,6 @@ button:active {
     font-size: 22px;
   }
 
- 
   .countdown span {
     font-size: 18px;
   }