<label class="radikalwp-cb-heart"><input type="checkbox" checked><span class="radikalwp-cb-heart-shape"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/><//svg><//span><span class="radikalwp-cb-heart-num">۳۲۴<//span><//label>

.radikalwp-cb-heart { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-family: inherit; }
.radikalwp-cb-heart input { display: none; }
.radikalwp-cb-heart-shape { display: flex; color: #cbd5e1; transition: color .25s ease, transform .25s ease; }
.radikalwp-cb-heart-shape svg { width: 26px; height: 26px; }
.radikalwp-cb-heart input:checked + .radikalwp-cb-heart-shape { color: #f43f5e; transform: scale(1.12); }
.radikalwp-cb-heart input:active + .radikalwp-cb-heart-shape { transform: scale(.85); }
.radikalwp-cb-heart-num { font-size: 14px; font-weight: 700; color: #64748b; }