.main-footer {
  --padding-vertical: var(--space-m);
  background-color: var(--color-yellow-fluo);
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr 1fr;
  column-gap: calc(var(--space-m));
}

.main-footer p {
  margin-bottom: 1rem;
}

.main-footer .social-icons {
  margin-bottom: 2rem;
}

.main-footer form input {
  width: 100%;
  border-bottom: var(--border);
  padding-bottom: 0.5rem;
}

.main-footer form input::after {
  content: "→";
}