/* ===== GLITTERJAS ACHTERGROND ===== */
@keyframes klikGlitterPulse {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ===== BIOSCOOP BLOKJES ===== */
@keyframes marquee {
  0%   { box-shadow:
    0 -12px 0 #fff,
    12px 0 0 transparent,
    0 12px 0 transparent,
    -12px 0 0 transparent;
  }
  25%  { box-shadow:
    0 -12px 0 transparent,
    12px 0 0 #fff,
    0 12px 0 transparent,
    -12px 0 0 transparent;
  }
  50%  { box-shadow:
    0 -12px 0 transparent,
    12px 0 0 transparent,
    0 12px 0 #fff,
    -12px 0 0 transparent;
  }
  75%  { box-shadow:
    0 -12px 0 transparent,
    12px 0 0 transparent,
    0 12px 0 transparent,
    -12px 0 0 #fff;
  }
  100% { box-shadow:
    0 -12px 0 #fff,
    12px 0 0 transparent,
    0 12px 0 transparent,
    -12px 0 0 transparent;
  }
}

.klik-glitterjas-bioscoop {
  position: relative;
  overflow: hidden;
  padding: 70px 50px;
  border-radius: 22px;
  color: inherit;
  text-align: center;
  background:
    linear-gradient(120deg,
      rgba(226,0,223,0.35) 0%,
      rgba(255,255,255,0.45) 20%,
      rgba(226,0,223,0.35) 40%,
      rgba(255,255,255,0.45) 60%,
      rgba(226,0,223,0.35) 80%),
    radial-gradient(circle,
      rgba(255,255,255,0.15) 0%,
      transparent 70%);
  background-size: 300% 300%, 150% 150%;
  background-blend-mode: screen;
  animation: klikGlitterPulse 10s ease-in-out infinite;

  outline: 6px solid #e200df;
  box-shadow:
    0 0 0 2px rgba(226,0,223,0.7),
    0 0 35px rgba(226,0,223,0.35),
    inset 0 0 50px rgba(255,255,255,0.05);
}

/* ===== WITTE KNIPPERENDE BIOSCOOP BLOKJES ===== */
.klik-glitterjas-bioscoop::before {
  content: "";
  position: absolute;
  inset: -20px;
  border-radius: 26px;
  animation: marquee 1.2s steps(1) infinite;
  pointer-events: none;
}

/* ===== GLITTER OVERLAY ===== */
.klik-glitterjas-bioscoop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-radial-gradient(
    circle,
    rgba(255,255,255,0.12) 0%,
    rgba(255,255,255,0.04) 4%,
    transparent 8%
  );
  opacity: 0.45;
  animation: klikGlitterPulse 16s linear infinite;
  mix-blend-mode: overlay;
  pointer-events: none;
}

.klik-glitterjas-bioscoop * {
  position: relative;
  z-index: 2;
}