/* container */
#ctad3-qr-popup {
  position: absolute;

  z-index: 9999;

  pointer-events: none;
}

/* popup box */
.ctad3-popup-box {
  width: 260px;

  background: var(--ebctad3-white);

  padding: 22px;

  border-radius: 14px;

  text-align: center;

  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);

  transform: translateY(40px);

  opacity: 0;

  transition: 0.35s ease;
}

/* active animation */

#ctad3-qr-popup.ctad3-active .ctad3-popup-box {
  transform: translateY(-10px);

  opacity: 1;

  pointer-events: auto;
}

/* close button */

.ctad3-close {
  position: absolute;

  right: 12px;

  top: 8px;

  font-size: 25px;

  cursor: pointer;

  color: var(--ebctad3-primary);
}

/* title */

.ctad3-popup-box h4 {
  margin-bottom: 12px;
  color: var(--ebctad3-primary);
}

/* number text */

.ctad3-popup-box p {
  margin-top: 8px;

  font-weight: bold;

  color: var(--ebctad3-secondary);
}