<span class="radikalwp-badge-status radikalwp-badge-status--online"><span class="radikalwp-badge-status-dot"><//span>آنلاین<//span><span class="radikalwp-badge-status radikalwp-badge-status--away"><span class="radikalwp-badge-status-dot"><//span>مشغول<//span><span class="radikalwp-badge-status radikalwp-badge-status--offline"><span class="radikalwp-badge-status-dot"><//span>آفلاین<//span>

.radikalwp-badge-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
}
.radikalwp-badge-status-dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.radikalwp-badge-status-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  animation: radikalwp-badge-status-ping 1.6s cubic-bezier(0, 0, .2, 1) infinite;
}
.radikalwp-badge-status--online { color: #047857; background: #d1fae5; }
.radikalwp-badge-status--online .radikalwp-badge-status-dot { background: #10b981; }
.radikalwp-badge-status--online .radikalwp-badge-status-dot::after { background: #10b981; }
.radikalwp-badge-status--away { color: #b45309; background: #fef3c7; }
.radikalwp-badge-status--away .radikalwp-badge-status-dot { background: #f59e0b; }
.radikalwp-badge-status--away .radikalwp-badge-status-dot::after { background: #f59e0b; }
.radikalwp-badge-status--offline { color: #64748b; background: #f1f5f9; }
.radikalwp-badge-status--offline .radikalwp-badge-status-dot { background: #94a3b8; }
.radikalwp-badge-status--offline .radikalwp-badge-status-dot::after { display: none; }
@keyframes radikalwp-badge-status-ping {
  0%   { transform: scale(1); opacity: .7; }
  100% { transform: scale(2.6); opacity: 0; }
}