html, body {
  margin: 0;
  background: #fff;
}

.yep-act {
  width: 100vw;
  display: flex;
  justify-content: center;
  margin-top: 40vh;
}

/* BUTTON = VÙNG CHỨA */
.yep-act button {
  width: 550px;
  height: 550px;
  border-radius: 999px;
  border: none;
  background: #f1f5f9;
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
  padding: 0;                 /* 🔥 BẮT BUỘC */
  display: flex;              /* 🔥 QUAN TRỌNG */
  align-items: center;
  justify-content: center;
  touch-action: manipulation; /* chặn double tap zoom */
}

/* 🔥 STYLE IMG THÔNG QUA CHA */
.yep-act button img {
  width: 500px;
  height: 500px;
  object-fit: contain;
  pointer-events: none;       /* click vào button */
}

.yep-act button:active img {
  transform: scale(0.9);
}

.yep-act button img {
  filter: drop-shadow(0 0 16px rgba(56,189,248,.6));
}

#effects {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
}

.infinity-effect {
  position: absolute;
  width: 48px;
  height: 48px;
  animation: floatUp 1.8s ease-out forwards;
  pointer-events: none;
}

@keyframes floatUp {
  0% {
    opacity: 0;
    transform: translateY(0) scale(0.8);
  }
  10% {
    opacity: 1;
    transform: translateY(-20px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-500px) scale(1.3);
  }
}