.cl-cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:100;
  padding:1rem;
  pointer-events:none;
}
.cl-cookie-inner{
  pointer-events:auto;
  max-width:420px;
  margin:0 auto 0 0;
  background:oklch(21.15% 0.012 254.09);
  border:1px solid oklch(25.33% 0.016 252.42);
  border-radius:0;
  padding:1rem 1.1rem;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
@media(min-width:640px){
  .cl-cookie-banner{padding:1.25rem}
  .cl-cookie-inner{margin:0}
}
.cl-cookie-title{
  font-family:Montserrat,system-ui,sans-serif;
  font-weight:600;
  font-size:.95rem;
  color:oklch(97.807% 0.029 256.847);
}
.cl-cookie-desc{
  margin-top:.35rem;
  font-size:.8rem;
  line-height:1.45;
  color:oklch(97.807% 0.029 256.847 / .45);
}
.cl-cookie-actions{
  display:flex;
  gap:.5rem;
  justify-content:flex-end;
}
.cl-cookie-allow{
  background:#6dc512;
  color:#fff;
  border:none;
  border-radius:0;
  padding:.5rem 1rem;
  font-weight:600;
  font-size:.85rem;
  cursor:pointer;
}
.cl-cookie-allow:hover{filter:brightness(1.05)}
.cl-cookie-deny{
  background:transparent;
  color:oklch(97.807% 0.029 256.847 / .65);
  border:1px solid oklch(25.33% 0.016 252.42);
  border-radius:0;
  padding:.5rem 1rem;
  font-weight:500;
  font-size:.85rem;
  cursor:pointer;
}
.cl-cookie-deny:hover{border-color:oklch(97.807% 0.029 256.847 / .25);color:oklch(97.807% 0.029 256.847)}
.cl-cookie-hide{
  opacity:0;
  transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease;
}