Cookie banner styling

Since May 25, 2018, the GDPR rules from EU requires a cookie consent.

Here's some banner styling that I use on this site. 

/* COOKIE BANNER 
- - - - - - - - - - - - - - */

.cookie-notice {
  background: #FAF9F7!important;
  line-height: 1.6em!important;
  font-size: 90% !important;
  top: auto !important;;
  bottom: 0 !important;;
}

.cookie-notice .accept {
  background-color: transparent !important;
  border: solid 1px @line !important;
  color: #5f5f5f !important;
  padding: 10px !important;
  margin-top: 5px !important;
  transition: @transition;
&:hover {
  background-color: @grey-light !important;
  border: solid 1px @grey-light !important;
  }
}

If you want to change the "Continue" button label, here's how. Place the javascript snippet in the Code Injection Footer field.

<script type="text/javascript">
 Static.EU_COOKIE_BUTTON_LABEL = 'Whatever text';
</script>

More nice cookie banner code and examples can be found at heathertovey.com.
Another excellent source is Kerstin Martin: