.wrapper {
  padding: 32px;
}

.cookie-container {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  /* border-top-left-radius: 15px;
  border-top-right-radius: 15px; */
  border-radius: 15px;
  background: var(--base-color);
  color: var(--sec-color);
  padding: 10px 52px;
  box-shadow: 0 5px 15px 0px rgba(0,0,0,0.4);
  z-index: 1000;
  transition: all 1.2s ease-in-out;
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.4);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 15px 15px 0px rgba(0,0,0,0.1);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.4);
		transform: translatey(0px);
	}
}

.cookie-container.active {
  bottom: 5px;
}

.cookie-container a {
  background: transparent;
  border: var(--sec-color) 1px solid;
  color: var(--sec-color);
  border-radius: 25px !important;
  padding: 7px;
  margin-bottom: 16px;
  border-radius: 5px;
  font-size: 14px;
}
.cookie-container a:hover {
  background-color: var(--sec-color);
  border: var(--accent-color) 1px solid;
  color: var(--accent-color);
}
.cookie-container button:hover {
  background-color: var(--inset-blue);
  text-decoration: none;
}

.cookie-btn-ok {
  background: var(--main-color);
  border: 0;
  border-radius: 25px !important;
  color: var(--accent-color);
  padding: 7px;
  margin-bottom: 16px;
  border-radius: 5px;
  cursor: pointer;
}
.cookie-btn-ok {
  background: var(--main-color);
  border: 0;
  border-radius: 25px !important;
  color: var(--accent-color);
  padding: 7px;
  margin-bottom: 16px;
  border-radius: 5px;
  cursor: pointer;
}
/* .cookie-btn-no {
  background: #fdfcfc;
  color: var(--sec-color);
  padding: 15px;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
} */