.asux-social-proof {
  position: fixed;
  z-index: var(--asux-sp-z, 999999);
  pointer-events: none;
}

.asux-social-proof.asux-sp--bottom_left {
  left: var(--asux-sp-x, 20px);
  bottom: var(--asux-sp-y, 20px);
}

.asux-social-proof.asux-sp--bottom_right {
  right: var(--asux-sp-x, 20px);
  bottom: var(--asux-sp-y, 20px);
}

.asux-social-proof.asux-sp--top_left {
  left: var(--asux-sp-x, 20px);
  top: var(--asux-sp-y, 20px);
}

.asux-social-proof.asux-sp--top_right {
  right: var(--asux-sp-x, 20px);
  top: var(--asux-sp-y, 20px);
}

.asux-sp-toast {
  pointer-events: auto;
  background: rgba(255,255,255,0.95);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  max-width: 260px;
  font-size: 14px;
  line-height: 1.25;
  transform: translateY(10px);
  opacity: 0;
  transition: transform 220ms ease, opacity 220ms ease;
}

.asux-sp-toast.is-show {
  transform: translateY(0);
  opacity: 1;
}

.asux-sp-toast .asux-sp-link {
  color: inherit;
  text-decoration: underline;
}