.x-aside-footer {
  @extend %x-flex-a-center,
          %pb-0,
          %px-0,
          %px-md-0,
          %py-md-2;
  flex-direction: column;

  @include media-breakpoint-down(sm) {
    background-color: $x-aside-nav-bg;
    color: $x-aside-nav-text;
  }

  &.is-centered {
    @extend %x-flex-center,
  }
}

.x-img-footer {
  @extend %mx-3,
          %mb-0;
  max-width: 7.75rem;
}