<div id="consent-banner">
      <p>
      We use cookies to ensure that we give you the best experience on our website. <a href="/privacy-policy/" target="_blank">See our Privacy Policy for more info.</a>
    </p>
    <p><a id="consent-button" class="btn" href="javascript:consentAll();">OK</a></p>
</div>
body {
  margin: 0;
}

#consent-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-family: system-ui;
  display: flex;
  justify-content: center;
  align-items: center;
  
  p {
    margin: 1rem;
  }
  
  a {
    color: #fff;
  }
  
  .btn {
    text-decoration: none;
    background: #fff;
    color: #000;
    padding: .25rem .5rem;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.