<label class="radikalwp-chk-draw"><input type="checkbox"><span class="radikalwp-chk-draw-box"><svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><path class="radikalwp-chk-draw-path" d="M3 8.5L6.5 12L13 4" fill="none" stroke="#fff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/><//svg><//span><span class="radikalwp-chk-draw-text">تسک را کامل کردم<//span><//label>

.radikalwp-chk-draw {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.radikalwp-chk-draw input { position: absolute; opacity: 0; }
.radikalwp-chk-draw-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #fff;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  transition: background .25s ease, border-color .25s ease;
}
.radikalwp-chk-draw-path {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  transition: stroke-dashoffset .35s ease .1s;
}
.radikalwp-chk-draw input:checked + .radikalwp-chk-draw-box {
  background: #22c55e;
  border-color: #22c55e;
}
.radikalwp-chk-draw input:checked + .radikalwp-chk-draw-box .radikalwp-chk-draw-path {
  stroke-dashoffset: 0;
}
.radikalwp-chk-draw-text { font-size: 13.5px; color: #334155; }