@use '../../abstracts' as helper;

.footer {
  background: var(--clr-bg-muted);
  padding: var(--spacer-3);

  display: flex;
  flex-direction: column;
  gap: var(--space-small);
  font-size: var(--fs-5);
}

.nav {
  .list {
    list-style: none;
    display: flex;
    gap: var(--spacer-2) var(--spacer-4);
    justify-content: center;
    flex-wrap: wrap;
  }

  &__item {
  }

  &__link {
    @include helper.prettify-link(var(--clr-link));

    &[aria-current] {
      @include helper.prettify-link(var(--clr-link), $animate: false);
    }
  }
}

.licence {
  margin-top: var(--spacer-1);
  align-self: center;
  text-align: center;
}