.footer {
  background-color: var(--color-dark);
  color: var(--color-light);
  padding: 2.5rem 0;

  &__inner {
    --flow-space: 2rem;
  }

  &__main {
    gap: 2rem;
  }

  &__logo {
    height: fluid(32, 48);
    display: block;

    img, svg {
      height: 100%;
      width: fit-content;
    }
  }

  &__info {
    max-width: 15rem;
  }

  &__menu-wrapper {
    align-items: flex-start;
    column-gap: 4rem;
    row-gap: 2rem;
  }

  .menu {
    a[aria-current="page"] {
      color: var(--color-primary);
    }
  }

  &__column {
    --flow-space: 0.75rem;
  }
}
