.recover-btn {
  color: red;
  width: 40%;
  font-size: 1.2rem;
  margin: 0 auto;
  padding: 0.4rem 1rem !important;
  border: 2px solid red !important;
  background-color: white;
  cursor: pointer;
  transition: ease-in-out 0.3s;
  text-align: center;
}

.recover-btn:hover {
  color: red;
  background-color: rgb(232, 228, 228) !important;
}

.recover-form {
  border: 3px solid rgb(212, 57, 57);
}

.email-password-reset {
  outline: none;
  border: 1px solid rgba(162, 160, 160, 0.877);
  border-radius: 4px;
  padding: 0.45rem;
  font-size: 1.2rem;
}

.reset-area {
  display: flex;
  flex-direction: column;
  gap: 0.4rem
}