.online-glow-wrapper {
  display: flex;
  justify-content: center;
}

.online-glow-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.5);
  /* ดำโปร่ง 50% */
  border: 2px solid rgba(40, 214, 124, 0.5);
  /* ขอบเขียวโปร่ง */
  backdrop-filter: blur(6px);
  /* เพิ่มความเบลอเบาๆ */
  box-shadow: 0 0 12px rgba(40, 214, 124, 0.3);
  font-size: 14px;
  font-weight: 500;
  color: #ccc;
  width: 260px;
  justify-content: center;
  position: relative;
  margin: 30px 0;
}

.pulse-circle {
  width: 10px;
  height: 10px;
  background-color: #28d67c;
  border-radius: 50%;
  animation: pulseGlow 1.6s infinite ease-in-out;
}

@keyframes pulseGlow {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.8);
    opacity: 0.4;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.online-text strong {
  color: #ffd700;
  /* เปลี่ยนตัวเลขเป็นสีเหลืองทอง */
  font-weight: bold;
  font-size: 18px;
  margin: 0 4px;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* เพิ่มเอฟเฟกต์ตอนตัวเลขกระพริบ */
.online-text strong.animate {
  transform: scale(1.2);
  color: #fff700;
  /* ขาวอมเหลืองเวลาเฟด */
}