.ss-footer__wrapper {
  display: grid;
  font-size: var(--content-size);
  font-weight: 300;
  gap: 2rem;
  grid-template-columns: 100%;

  a {
    color: inherit;
    text-decoration: none;
  }

  .ss-footer__content {
    display: grid;
    gap: 2rem;
    grid-template-columns: 44rem 1fr;

    .ss-footer__heading {
      font-size: var(--heading-size);
      font-weight: 700;
      line-height: 1.3;
    }

    .ss-footer__block {
      display: grid;
      gap: 1rem;
      grid-template-columns: 100%;

      .ss-footer__menu-list {
        display: grid;
        font-size: var(--menu-size);
        font-weight: 400;
        gap: 1rem;
        grid-auto-flow: column;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .ss-footer__social-links {
        display: flex;
        gap: 0.75rem;

        svg {
          height: auto;
          width: 2rem;
        }
      }
    }
  }

  @media (width < 1024px) {
    .ss-footer__content {
      grid-template-columns: 100%;

      .ss-footer__block .ss-footer__menu-list {
        grid-auto-flow: unset;
        grid-template-rows: unset;
      }
    }
  }
}