.wechat-popover {
  position: absolute;
  z-index: 9999;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  display: none;
}

.wechat-popover.show {
  display: block;
  opacity: 1;
}

.wechat-popover.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Position the popover relative to the trigger */
.wechat-trigger {
  position: relative;
}

/* Position for header (down) */
.wechat-popover[data-direction="down"] {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

/* Position for footer (up) */
.wechat-popover[data-direction="up"] {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}