<div class="radikalwp-soft-badge-set"><span class="radikalwp-soft-badge radikalwp-soft-badge-a">در حال انجام<//span><span class="radikalwp-soft-badge radikalwp-soft-badge-b">تکمیل شده<//span><span class="radikalwp-soft-badge radikalwp-soft-badge-c">لغو شده<//span><span class="radikalwp-soft-badge radikalwp-soft-badge-d">در انتظار<//span><//div>

.radikalwp-soft-badge-set {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.radikalwp-soft-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 15px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
  transition: transform .2s ease;
}
.radikalwp-soft-badge:hover { transform: translateY(-1px); }
.radikalwp-soft-badge::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: .8;
}
.radikalwp-soft-badge-a { color: #047857; background: #d1fae5; }
.radikalwp-soft-badge-b { color: #1d4ed8; background: #dbeafe; }
.radikalwp-soft-badge-c { color: #b91c1c; background: #fee2e2; }
.radikalwp-soft-badge-d { color: #a16207; background: #fef3c7; }