#wdsm-popup {
  display:none;
  position:fixed;
  z-index:99999;
  left:0; top:0; width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  font-family: Arial, sans-serif;
}
#wdsm-popup .wdsm-content {
  background:#fff; max-width:520px; margin:8% auto; padding:26px 30px;
  border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.25); position:relative;
  animation: wdsmFadeIn .25s ease-out;
}
#wdsm-popup .wdsm-close {
  position:absolute; top:10px; right:14px; cursor:pointer; font-size:22px; color:#777;
}
#wdsm-popup .wdsm-close:hover { color:#111; }
#wdsm-popup .wdsm-msg { font-size:18px; color:#333; text-align:center; line-height:1.5; }
#wdsm-popup .wdsm-cta { margin-top:18px; text-align:center; }
#wdsm-popup .wdsm-cta .wdsm-btn {
  display:inline-block; background:#27ae60; color:#fff; padding:12px 22px;
  border-radius:6px; text-decoration:none; font-weight:700; transition:background .25s;
}
#wdsm-popup .wdsm-cta .wdsm-btn:hover { background:#219150; }

.wdsm-badge {
  display:inline-block; background:#27ae60; color:#fff; font-size:12px; font-weight:700;
  padding:4px 8px; border-radius:4px; margin-left:8px;
  animation: wdsmPulse 1.8s infinite;
}
@keyframes wdsmFadeIn { from{ transform:scale(.96); opacity:0 } to{ transform:scale(1); opacity:1 } }
@keyframes wdsmPulse { 0%{ box-shadow:0 0 0 0 rgba(39,174,96,.7) } 70%{ box-shadow:0 0 0 12px rgba(39,174,96,0) } 100%{ box-shadow:0 0 0 0 rgba(39,174,96,0) } }