.cookie-popup{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:99999;
  max-width:400px;
  display:flex;
  gap:16px;
  padding:20px;
  border-radius:26px;
  background:#f8f3e7;
  color:#12351f;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  border:1px solid rgba(18,53,31,.12);
  transform:translateY(30px);
  opacity:0;
  pointer-events:none;
  transition:.45s ease;
}

.cookie-popup.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}

.cookie-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:18px;
  background:#8BC34A;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 30px rgba(139,195,74,.35);
}

.cookie-icon img{
  width:34px;
  height:34px;
  object-fit:contain;
}

.cookie-content h3{
  margin:0 0 8px;
  font-size:1.25rem;
  line-height:1;
}

.cookie-content p{
  margin:0;
  color:#405846;
  font-size:.92rem;
  line-height:1.55;
}

.cookie-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:16px;
}

.cookie-actions button{
  border:0;
  border-radius:999px;
  padding:11px 20px;
  background:#8BC34A;
  color:#12351f;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

.cookie-actions button:hover{
  background:#9fdb56;
}

.cookie-actions a{
  color:#12351f;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
  opacity:.75;
}

.cookie-actions a:hover{
  opacity:1;
}

@media(max-width:600px){
  .cookie-popup{
    left:16px;
    right:16px;
    bottom:16px;
    max-width:none;
    padding:18px;
  }

  .cookie-icon{
    width:48px;
    height:48px;
    flex-basis:48px;
  }

  .cookie-icon img{
    width:30px;
    height:30px;
  }
}