@layer components {
  .footer-email {
    grid-area: email;
    padding: 0 var(--spacing-unit-m) var(--spacing-unit-s);

    @media screen and (min-width: 768px), print {
      padding: 0 0 var(--spacing-unit-s) 0;
    }
  }

  .footer-email__text {
    text-align: center;

    @media screen and (min-width: 768px), print {
      text-align: left;
    }
  }
}