<div class="radikalwp-f-pass"><input type="password" placeholder="رمز عبور" value="radikal123"><span class="radikalwp-f-pass-eye" title="نمایش"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/><//svg><//span><//div>

.radikalwp-f-pass {
  position: relative;
  width: 280px;
}
.radikalwp-f-pass input {
  width: 100%;
  padding: 11px 42px 11px 14px;
  font-family: inherit;
  font-size: 13.5px;
  color: #1e293b;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  outline: none;
  transition: all .3s ease;
}
.radikalwp-f-pass input:focus { background: #fff; border-color: #6366f1; box-shadow: 0 0 0 4px rgba(99, 102, 241, .1); }
.radikalwp-f-pass-eye {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #94a3b8;
  cursor: pointer;
  display: flex;
  transition: color .3s ease;
}
.radikalwp-f-pass-eye:hover { color: #6366f1; }
.radikalwp-f-pass-eye svg { width: 17px; height: 17px; }