.passwordRevealer {
  position: relative;
  /**************************************
  * Primary button
  **************************************/
  /**************************************
  * Secondary button
  **************************************/
}
.passwordRevealer input {
  padding-right: 70px;
}
.passwordRevealer .primaryButton {
  font: inherit;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 15px 30px;
  background-color: #38A169;
  font-weight: bold;
  border-radius: 4px;
  color: #F7FAFC;
}
.passwordRevealer .primaryButton:hover {
  background-color: #246844;
}
.passwordRevealer .secondaryButton {
  font: inherit;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 15px 30px;
  background-color: #718096;
  font-weight: bold;
  border-radius: 4px;
  color: #F7FAFC;
}
.passwordRevealer .secondaryButton:hover {
  background-color: #4f5b6b;
}
.passwordRevealer button {
  font: inherit;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 15px 30px;
  /* background-color: #F7FAFC; */
  /* color: #E2E8F0; */
  /* background: #718096; */
  font-weight: bold;
  /* border-radius: 4px; */
  /* position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px; */
  padding: 0;
  /* border-radius: 0; */
  width: 80px;
  margin-top: -48px;
  float: right;
  height: 48px;
}
.passwordRevealer button:hover {
  /* background-color: #bfd7e7; */
}
.passwordRevealer button:hover {
  /* color: #F7FAFC;
  background: #718096; */
}