#form {
  margin-top: 64px;
  display: flex;
  gap: 12px;
}

#form > input {
  height: 48px;
  width: 450px;
  border: none;
  color: #fff;
  background-color: #202024;
  border-radius: 5px;
  padding: 0 12px;
  font-size: 16px;
}

#form > input:focus {
  outline: 2px solid #8257e5;
}

#form > input:valid {
  background-color: #202024;
}

#form > button {
  height: 48px;
  width: 48px;
  border: none;
  border-radius: 5px;
  background-color: #8257e5;

  cursor: pointer;
  transition: background-color 0.2s;
}

#form > button:hover {
  background-color: #633bbc;
}

#form > button i {
  font-size: 24px;
  color: #fff;
}