footer {
   margin: 0;
   padding: var(--space-sm);
   padding-bottom: var(--space-md);
}

footer > * {
   padding-left: var(--space-sm);
   width: 100%;
}

@media (min-width: 640px) {
   footer {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
      padding: var(--space-lg);
   }
}

@media (min-width: 1280px) {
   footer > * {
      margin-left: auto !important;
      width: calc((100% / 3) * 1);
   }
}