#overlay { position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; place-items:center; z-index:9999; }
#popup { background:#fff; padding:24px; border-radius:12px; width:min(650px,90vw); text-align:center; box-shadow:0 20px 40px rgba(0,0,0,.25); }
h2 { margin-top:0; }
.countdown { display:flex; justify-content:center; gap:12px; margin:164px 222px; position: absolute; }
.unit { background:transparent; padding:5px; border-radius:8px; min-width:70px;border: 1px solid #796991; }
.num { font-size:1.5rem; font-weight:700;color: #fff; }
.label { font-size:.8rem; color:#fff; }
button { cursor:pointer; border:0; padding:10px 16px; border-radius:999px; font-weight:600; margin-top:12px; }
.btn1 { background:#1a73e8; color:#fff; }





@media only screen and (max-width: 600px) {
.countdown {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 90px 110px;
  position: absolute;
}
.unit {
  background: transparent;
  padding: 5px;
  border-radius: 8px;
  min-width: 32px;
  border: 1px solid #796991;
}
.num {
  font-size: 8px;
  font-weight: 700;
  color: #fff;
  line-height: 8px;
}
.label {
  font-size: 6px;
  color: #fff;
  line-height: 3;
}
button {
  cursor: pointer;
  border: 0;
  padding: 0px 15px;
  border-radius: 999px;
  font-weight: 600;
  margin-top: 12px;
}
#popup {
  background: #fff;
  padding: 10px;
  border-radius: 12px;
  width: min(650px,90vw);
  text-align: center;
  box-shadow: 0 20px 40px rgba(0,0,0,.25);
}
}