.#{$ns}footer {
  $root: &;

  & {
    --bsi-theme: #{$bsi-color_gray-700};
    --bsi-primary: #{$bsi-color_white};
    --bsi-primary-dark: #{$bsi-color_white};
    --bsi-on-primary: #{$bsi-color_gray-700};
    --bsi-on-primary-dark: #{$bsi-color_gray-700};
    --bsi-headline: #{$bsi-color_white};
    --bsi-text: #{$bsi-color_white};
    --underline-width: .1rem;
    font-family: $font-family-sans-serif;
    background-color: var(--bsi-theme);
    color: var(--bsi-text);
    text-transform: uppercase;
  }

  ul {
    @extend %reset-list;
  }

  &--logo {
    width: 241px;
    height: 49px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(176deg) brightness(110%) contrast(100%);
  }

  &__portal {
    &__link {
      i {
        font-size: rem(32);
      }

      a {
        padding-left: rem(10);
        text-decoration: none;
      }
    }
  }

  &__banner {
    width: calc(100vw - 15px);
    aspect-ratio: 1/1;

    img {
      width: 200px;
    }

    @include media-breakpoint-between(sm, xl) {
      img {
        width: 180px;
      }
      width: rem(220);
    }

    @include media-breakpoint-up(xl) {
      width: rem(400);
      height: rem(400);
    }
  }
}

#btn-back-to-top {
  position: fixed;
  bottom: 5px;
  right: 5px;
  display: none;

  @include media-breakpoint-down(sm) {
    opacity: 0.8;
  }
}