.password-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.password-wrapper input {
  margin: 0 !important;
  width: 100%;
}
.password-wrapper .password-toggle-btn {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 1.5em;
  height: 1.5em;
}
.password-wrapper .password-toggle-btn::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7s-8.268-2.943-9.542-7z'/></svg>");
}
.password-wrapper .password-toggle-btn.visible::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.875 18.825A10.05 10.05 0 0112 19c-7 0-11-7-11-7a17.16 17.16 0 014.221-5.926'/><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.11 6.111A10.047 10.047 0 0112 5c7 0 11 7 11 7a17.233 17.233 0 01-1.48 2.968'/><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 2l20 20'/></svg>");
}

.user-login-form .form-type-password .password-wrapper {
  width: fit-content;
}