.password-field{
  position:relative;
  display:block;
  width:100%;
}

.password-field input{
  width:100%;
  padding-right:5.25rem;
}

.password-field .password-toggle{
  position:absolute;
  top:50%;
  right:.45rem;
  width:auto;
  min-width:4.25rem;
  min-height:2rem;
  margin:0;
  padding:.3rem .6rem;
  transform:translateY(-50%);
  border:1px solid #cbd5e1;
  border-radius:.5rem;
  background:#f8fafc;
  color:#334155;
  font-size:.78rem;
  font-weight:700;
  line-height:1;
  box-shadow:none;
  cursor:pointer;
}

.password-field .password-toggle:hover,
.password-field .password-toggle:focus-visible{
  background:#e8f4f2;
  border-color:#147d71;
  color:#0f665d;
}