#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2e2e2e;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  z-index: 1000;
  display: none;
}
#cookie-banner a { color: #8bc34a; text-decoration: underline; }
#cookie-banner button {
  margin-left: 10px;
  padding: 6px 14px;
  background: #555;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}
#cookie-banner #accept-all { background: #8bc34a; color:#1b1b1b; }
@media (max-width: 480px){
  #cookie-banner { text-align:left; }
  #cookie-banner button { display:block; width:100%; margin:8px 0 0 0; }
}

#cookie-banner button {
  margin-left: 10px;
  padding: 8px 16px;
  border: 1px solid rgba(255,255,255,.2);
  background: #444;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}
#cookie-banner #accept-all {
  background: #8bc34a;
  color: #1b1b1b;
  border-color: #7db63f;
}
#cookie-banner button:hover { filter: brightness(1.05); }