.form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
}

@media (max-width: 767px) {
  .form {
    grid-template-columns: 1fr;
  }
}

.form__input {
  padding: 10px;
  border: 1px solid #e6dcdc;
}

.form__button {
  padding: 10px;
  background: hsl(180, 100%, 25%);
  color: rgb(255, 255, 255);
  border: none;
  transition: 0.6s;
}

.form__button:hover {
  background: hsl(180, 100%, 32%);
  transform: scale(1.1);
}

.form__button:active {
  background: hsl(180, 100%, 37%);
}