*{ box-sizing: border-box; }
html, body{ height: 100%; margin: 0; }

.hero{
  height: 100vh;
  position: relative;

  background-image: url("assets/Thumbnail.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Posisi tombol RELATIF (stabil di semua ukuran layar) */
.play{
  position: absolute;

  /* kira-kira sama seperti left:185px dari canvas 1200px => ~15% */
  left: 10vw;

  /* kira-kira setara top:700px pada tinggi layar => ~72% */
  top: 78vh;

  transform: translateY(-50%);
  text-decoration: none;
  display: inline-block;
}

.play img{
  /* ukuran tombol otomatis mengikuti layar, tapi ada batas min/max */
  height: clamp(72px, 10vw, 140px);
  width: auto;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.25));
}

/* Kalau di HP tombol terlalu dekat tepi kiri, aktifkan ini (opsional) */
/*
@media (max-width: 480px){
  .play{ left: 10vw; top: 78vh; }
}
*/