.recover_password, .go_back{
  cursor: pointer;
  margin: 0;
  padding-top: 0.5rem;
}

.recover_password:hover, .go_back:hover{
  color: #0d7076;
  text-decoration: none;
  outline: 0;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}

.form-group:has(> #login_nombre_usuario), .form-group:has(> #login_clave), .form-group:has(> #recuperar_nombre_usuario), .form-group:has(> #recuperar_correo_electronico){
  transition: height .5s ease, width .5s ease, opacity .5s ease, margin .5s ease, padding .5s ease;
    -moz-transition: height .5s ease, width .5s ease, opacity .5s ease, margin .5s ease, padding .5s ease;
    -webkit-transition: height .5s ease, width .5s ease, opacity .5s ease, margin .5s ease, padding .5s ease;
    -o-transition: height .5s ease, width .5s ease, opacity .5s ease, margin .5s ease, padding .5s ease;
}

.hide-element{
  height: 0;
  width: 0;
  opacity: 0;
  margin: 0;
}

.hide-element *{
  width: 0;
  height: inherit;
  opacity: inherit;
  margin: 0;
  padding: 0;
}

.d-none{
  display: none;
}