<div class="radikalwp-in-ok-wrap"><input type="text" value="radikal_ir" class="radikalwp-in-ok" readonly><span class="radikalwp-in-ok-badge"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" aria-hidden="true"><polyline points="20 6 9 17 4 12"/><//svg><//span><span class="radikalwp-in-ok-msg">این نام کاربری آزاد است!<//span><//div>

.radikalwp-in-ok-wrap { width: 280px; font-family: inherit; }
.radikalwp-in-ok {
  width: 100%;
  padding: 12px 40px 12px 14px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  color: #065f46;
  background: #f0fdf4;
  border: 1.5px solid #86efac;
  border-radius: 11px;
  outline: none;
}
.radikalwp-in-ok-badge {
  position: absolute;
  display: none;
}
.radikalwp-in-ok-wrap { position: relative; }
.radikalwp-in-ok-wrap::after {
  content: '\2713';
  position: absolute;
  top: 11px;
  right: 14px;
  font-size: 14px;
  font-weight: 800;
  color: #10b981;
}
.radikalwp-in-ok-msg { display: block; margin-top: 6px; font-size: 11.5px; color: #059669; }