#cookiePopup {
  display: block; /* keep it in layout, control visibility via opacity */
  opacity: 0; /* start hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #333;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  max-width: 300px;
  z-index: 1000;
  transition: opacity 0.5s ease; /* smooth fade */
  pointer-events: none; /* disable interactions when hidden */
}

/* When the 'show' class is added, fade in */
#cookiePopup.show {
  opacity: 1;
  pointer-events: auto; /* enable interactions when visible */
}

  /* Buttons styles */
  #cookie-popup button {
    margin: 5px;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
  }
  #accept-btn {
    background-color: #4CAF50;
    color: white;
  }
  #decline-btn {
    background-color: #f44336;
    color: white;
  }