Cookie banner fix (#8)

* cookie fix

* no g-tag

Author: bedroesb

_includes/cookie-popup.html

@@ -1,9 +1,9 @@
 {%- if site.gtag %}
 <!-- START Bootstrap-Cookie-Alert -->
-<div class="alert text-center cookiealert text-white rounded-0" role="alert">
+<div class="alert text-center cookiealert rounded-0" role="alert">
     We use cookies to ensure you get the best experience on our website. Read our
-    <a class="text-white text-hover-primary fw-bold" href="{{ '/privacy.html' | relative_url}}">privacy policy</a> to find out more.
-    <button type="button" id="acceptcookies" class="btn bg-white hover-primary ms-2" >
+    <a class="fw-bold" href="{{ '/privacy.html' | relative_url}}">privacy policy</a> to find out more.
+    <button type="button" id="acceptcookies" class="btn btn-primary ms-2" >
         Got it!
     </button>
 </div>

_sass/_custom_variables.scss

@@ -55,9 +55,6 @@ $contr-crown-color: $white;
 /*-----Events & news-----*/
 $news-title-bg: $primary;
 
-/*-----Cookie consent banner-----*/
-$cookie-alert-bg: $light;
-
 /*-----Default badge-----*/
 $badge-color: $body-color;
 $badge-bg: $light;

assets/css/main.scss

@@ -513,7 +513,8 @@ footer {
 
 .cookiealert {
     position: fixed;
-    background-color: $cookie-alert-bg;
+    background-color: $footer-bg;
+    color: $footer-color;
     bottom: 0;
     left: 0;
     width: 100%;
@@ -523,6 +524,14 @@ footer {
     visibility: hidden;
     transform: translateY(100%);
     transition: all 500ms ease-out;
+
+    a {
+        color: $footer-link-color !important;
+    }
+
+    a:hover {
+        color: $footer-link-color-hover !important;
+    }
 }
 
 .cookiealert.show {