.js-cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex; /* Center content horizontally if needed */
  justify-content: center; /* Center content horizontally if needed */
  align-items: center; /* Center content vertically if needed */
  padding: 10px;
  background-color: #f2f2f2; /* Adjust background color as needed */
  z-index: 9999; /* Ensure banner stays on top of other content */
}
.js-cookie-consent-agree {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

@media (max-width: 768px) {  /* Adjust breakpoint as needed */
  .js-cookie-consent .js-cookie-consent-agree {
    margin-top: 20px;  /* Add margin-top on small screens */
  }
}



.animated-gradient {
  width: 100%;
  height: 10px;
/*  background-image: linear-gradient(to right, red, orange, yellow, green);*/
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  background-size: 200% 100%; /* Double size for animation */
  animation: gradient-animation 10s ease-in-out infinite; /* Animation name, duration, timing function, loop count */
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%; /* Start with colors at 0% position */
  }
  100% {
    background-position: 100% 50%; /* Move colors to 100% position */
  }
}