#cookie-banner{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9999;
  padding:18px;
  display:none;
  font-family:Arial,Helvetica,sans-serif;
  color:#fff;
}
#cookie-banner.visible{display:block}
.cookie-box{
  max-width:1100px;
  margin:auto;
  background:#2b2b2b;
  color:#fff;
  border:1px solid #4a4a4a;
  padding:18px 20px;
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 10px 30px rgba(0,0,0,.32);
}
.cookie-text{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:14px;
}
.cookie-text strong{font-size:16px;color:#fff}
.cookie-actions{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.cookie-actions button,
.cookie-actions a{
  appearance:none;
  background:transparent;
  color:#fff;
  border:1px solid #8a8a8a;
  padding:9px 13px;
  font:inherit;
  text-decoration:none;
  cursor:pointer;
}
.cookie-actions button:hover,
.cookie-actions a:hover{
  background:#fff;
  color:#222;
  border-color:#fff;
}
@media(max-width:700px){
  #cookie-banner{padding:10px}
  .cookie-box{display:block}
  .cookie-actions{margin-top:14px;flex-wrap:wrap}
  .cookie-actions button,.cookie-actions a{flex:1;text-align:center}
}