footer { min-height: 310px; }
.email-list-form {
  display: flex;
  flex-wrap: wrap;
  width: min(560px, 100%);
  gap: 8px;
}
.email-list-form > input[type="email"] {
  flex: 1;
  min-width: 220px;
  height: 46px;
  border: 1px solid #777;
  border-radius: 0;
  background: #fff;
  color: #111;
  font: 400 12px Arial, sans-serif;
  padding: 0 18px;
}
.email-list-form button {
  height: 46px;
  border: 1px solid #777;
  border-radius: 0;
  background: transparent;
  color: #ddd;
  cursor: pointer;
  font: 400 11px Arial, sans-serif;
  letter-spacing: .08em;
  padding: 0 22px;
  transition: background .25s, color .25s;
}
.email-list-form button:hover { background: #fff; color: #000; }
.email-trap { position: absolute !important; left: -10000px !important; }
.form-status { flex-basis: 100%; color: #bbb; font-size: 12px; margin: 10px 0 0; }
@media (max-width: 520px) {
  .email-list-form { display: grid; }
  .email-list-form > input[type="email"], .email-list-form button { width: 100%; }
}