@layer components {
  .footer {
    color: var(--color-muted);
    display: flex;
    flex-direction: column;
    font: var(--text-small);
    gap: 10px;
    border-block-start: 1px solid var(--color-hairline);
    padding-block: 32px 48px;

    img {
      align-self: flex-start;
      block-size: 22px;
      inline-size: auto;
    }
  }

  .footer__links {
    color: var(--color-ink);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}