.cookie-banner {
  position: fixed;

  left: 24px;
  right: 24px;
  bottom: 24px;

  z-index: 99999;

  display: flex;
  justify-content: center;

  animation:
    cookieFadeIn 0.45s ease;
}

.cookie-banner-content {
  width: 100%;
  max-width: 1100px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;

  padding: 24px 28px;

  border-radius: 24px;

  background:
    rgba(15, 23, 42, 0.94);

  backdrop-filter:
    blur(18px);

  border:
    1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 24px 80px rgba(0,0,0,0.35);
}

.cookie-banner strong {
  display: block;

  margin-bottom: 8px;

  color: white;

  font-size: 18px;
  font-weight: 700;
}

.cookie-banner p {
  margin: 0;

  max-width: 720px;

  color: rgba(255,255,255,0.72);

  font-size: 14px;
  line-height: 1.7;
}

.cookie-banner-actions {
  display: flex;
  align-items: center;
  gap: 14px;

  flex-shrink: 0;
}

.cookie-btn {
  border: none;
  outline: none;

  cursor: pointer;

  padding:
    12px 22px;

  border-radius: 14px;

  font-size: 14px;
  font-weight: 600;

  transition:
    transform 0.25s ease,
    opacity 0.25s ease,
    background 0.25s ease;
}

.cookie-btn:hover {
  transform:
    translateY(-2px);
}

.cookie-btn-primary {
  color: white;

  background:
    linear-gradient(
      135deg,
      #3c9b46 0%,
      #4caf50 100%
    );
}

.cookie-btn-primary:hover {
  opacity: 0.92;
}

.cookie-btn-secondary {
  color: rgba(255,255,255,0.88);

  background:
    rgba(255,255,255,0.08);
}

.cookie-btn-secondary:hover {
  background:
    rgba(255,255,255,0.14);
}

@keyframes cookieFadeIn {

  from {
    opacity: 0;

    transform:
      translateY(20px);
  }

  to {
    opacity: 1;

    transform:
      translateY(0);
  }

}

@media (max-width: 768px) {

  .cookie-banner {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }

  .cookie-banner-content {
    flex-direction: column;
    align-items: flex-start;

    padding: 22px;
  }

  .cookie-banner-actions {
    width: 100%;

    justify-content: stretch;
  }

  .cookie-btn {
    flex: 1;
  }

}

.cookie-banner a {
  color: #7ddc84;

  text-decoration: none;

  transition: opacity 0.25s ease;
}

.cookie-banner a:hover {
  opacity: 0.8;
}