<div class="radikalwp-bdg-count-demo"><button class="radikalwp-bdg-count-bell" aria-label="اعلان‌ها">🔔<span class="radikalwp-bdg-count">۳<//span><//button><button class="radikalwp-bdg-count-bell" aria-label="اعلان‌ها">🔔<span class="radikalwp-bdg-count">۱۲+<//span><//button><//div>

.radikalwp-bdg-count-demo { display: flex; gap: 22px; }
.radikalwp-bdg-count-bell {
  position: relative;
  width: 48px;
  height: 48px;
  font-size: 20px;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
  cursor: pointer;
  transition: background .25s ease;
}
.radikalwp-bdg-count-bell:hover { background: #f1f5f9; }
.radikalwp-bdg-count {
  position: absolute;
  top: -7px;
  left: -7px;
  min-width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  font-size: 10.5px;
  font-weight: 800;
  color: #fff;
  background: #ef4444;
  border: 2px solid #fff;
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
}