* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  background-color: #f5f8ff;
}
#cookiePopup {
  background-color: #ffffff;
  color: #000000; /* Text color for light mode */
  position: fixed;
  font-size: 9px;
  width: 60vw;
  max-width: 42.85em;
  box-shadow: 0 0 2em rgba(5, 0, 31, 0.15);
  font-family: "Poppins", sans-serif;
  text-align: center; /* Center align inline content */
  line-height: 1.8em;
  padding: 2em 1.4em;
  border-radius: 6px;
  transition: all 0.5s ease-in;
  bottom: 2em; /* Positioned 2em from the bottom */
  right: 2em; /* Positioned 2em from the right */
  z-index: 9999; /* Ensure popup appears above other content */
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212; /* Dark mode background color */
  }
  #cookiePopup {
    background-color: #2b2b2b; /* Dark mode cookie popup background color */
    color: #ffffff; /* Text color for dark mode */
  }
  #cookiePopup a {
    color: #4a90e2; /* Adjust link color for dark mode */
  }
}
#cookiePopup img {
  display: block;
  width: 3.75em;
  transform: translateZ(0);
  position: relative;
  margin: auto;
}
#cookiePopup p {
  text-align: center;
  margin: 1.4em 0;
  font-size: small;
  text-align: left;
}
#cookiePopup button {
  background-color: #0c0c78;
  border: none;
  color: #ffffff;
  font-size: 1.2em;
  padding: 1em 1.4em;
  position: relative;
  border-radius: 5px;
  margin: 10px auto; /* Center align the buttons */
  display: block;
}
#cookiePopup a {
  color: #6859fe;
}
.hide {
  visibility: hidden;
}
.show {
  visibility: visible;
}
.bttn {
  display: flex;
}
@media only screen and (max-width: 37.5em) {
  #cookiePopup {
    width: 100%;
    bottom: 0;
    right: 0;
  }
}