/* Forgot Password Button */
.forget__button {
  background-color: var(--first-color); /* Set background color to a custom variable */
  width: 100%; /* Button takes up the full width of its parent container */
  color: #fff; /* Set text color to white */
  font-weight: var(--font-semi-bold); /* Set font weight to a custom semi-bold variable */
  padding: 1rem; /* Add padding inside the button for spacing */
  border-radius: .5rem; /* Rounded corners for the button */
  cursor: pointer; /* Change cursor to a pointer to indicate it's clickable */
  transition: box-shadow .4s; /* Smooth transition for box-shadow effect */
}

.forget__button:hover {
  box-shadow: 0 4px 24px var(--title-color); /* Add shadow effect when the button is hovered */
}