.home-header {
  position: relative;
}

/* --- KIJK LIVE knop --- */
.kijklive-button {
  display: none; /* standaard verborgen, JS zet naar inline-flex als live */
  align-items: center;
  gap: .6rem;
  background-color: #f15a24;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 9999px;
  padding: .8rem 1.4rem;
  cursor: pointer;
  text-decoration: none;
  transition: background-color .2s ease, transform .06s ease;
}

.kijklive-button:active {
  transform: translateY(1px);
}

.kijklive-button:hover {
  background-color: #d94e20;
}

.kijklive-icon {
  width: 32px;
  height: 32px;
  display: inline-block;
}

.kijklive-icon svg {
  width: 100%;
  height: 100%;
}

.kijklive-label {
  white-space: nowrap;
  font-size: 1.1rem;
}

/* POSITIE VAN DE KNOP */
#cta-container {
  position: absolute;
  z-index: 1000;
  /* desktop / grote schermen */
  top: -50px;   /* hoogte t.o.v. de fotocontainer */
  left: 80%;    /* horizontaal t.o.v. diezelfde container */
  transform: translate(-50%, -50%);
}

/* Tablet & kleine desktop */
@media (max-width: 1024px) {
  #cta-container {
    top: -45px;
    left: 80%;
  }
}

/* Telefoon (staand én liggend) */
@media (max-width: 768px) {
  #cta-container {
    top: -38px; /* zelfde hoogte als LUISTER NU LIVE */
    left: 80%;
  }
}