@import 'src/utils/scss/variables';

.password-wrapper {
  display: flex;

  button {
    color: $primary;

    &:hover {
      color: $secondaryLight;
    }
  }

  span.eye {
    margin-left: 9px;
  }

  span.eye-slash {
    margin-left: 7px;
  }
}

button.generate-password {
  color:$primary;
  font-weight: bold;

  &:hover {
    color: $secondaryLight;
  }

  &:active {
    color: $secondaryActive;
  }
}

input {
  color: $textColor;
}

label[for=email] {
  width: 100%;
  display: flex;
  align-items: center;

  > div {
    display: flex;
    align-items: center;

    input {
      height: fit-content;
      margin: 0 10px;
    }

    label {
      margin: 0;
      font-size: 12px;
    }
  }
}