label.required::after {
  content: " *Required";
  color: #600;
  font-size: 0.75em;
  font-style: italic;
  opacity: 0.6;
  margin-left: 0.25em;
}

/* Container ensures the button is positioned relative to the input */
.password-field-container {
  position: relative;
  display: inline-block; /* Adjust if your form is block-level */
}

.password-toggle-btn {
  /* Position the button over the right edge of the input field */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  
  /* Styling to make it look clean */
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 0.8em;
  color: #555; /* Dark gray */
}

/* Ensure the input field is visible beneath the button */
.password-input-field {
  padding-right: 40px; /* Make space for the button */
}