section.newsletter {
  --padding-vertical: var(--space-m);
  background-color: var(--color-beige);
}

section.newsletter h2 {
  margin-bottom: calc(var(--space-m) / 2);
}

section.newsletter {
  --space-vertical: 0.4rem;
}

section.newsletter form {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

section.newsletter form > *:last-child {
  justify-self: end;
}

section.newsletter form input {
  border-bottom: var(--border);
  padding-bottom: var(--space-vertical);
  width: 100%;
}

section.newsletter form button[type="submit"] {
  margin-top: var(--space-vertical);
}

section.newsletter form button[type="submit"]::before {
  content: "→";
  position: absolute;
  transform: translateX(-1.5rem);
  transition: transform 0.35s ease-in-out;
}

section.newsletter form button[type="submit"]:hover::before {
  transform: translateX(-2.5rem);
}

@media screen and (max-width: 1085px) {
  section.newsletter {
    --padding-vertical: 1.3rem;
  }
}