* {
  font-family: "Segoe UI", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.form {
  width: 300px;
}
.form input,
.form textarea,
.form select,
.form button {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  border: 2px solid #ccc;
  border-radius: 6px;
  background-color: #111;
  color: #fff;
  font-size: 14px;
}

.form button {
  background: linear-gradient(90deg, #0b7e00, #00d60b);
  background-size: 400%;
  transition: background-position 0.4s ease;
}
.form button:hover {
  background-position: right;
}

.form textarea {
  resize: none;
}
.form input:focus,
.form textarea:focus,
.form select:focus {
  outline: none;
  border-color: orange;
  transition: border-color 0.5s ease;
}