@import "../../../scss/variables";
@import "../../../scss/breakpoints.mixins";
@import "../../../scss/typo.mixins";
@import "../../../scss/grid.mixins";

.footer-lower {
  @extend %typo-14;

  padding: 4px 0 2px;
  background: $color-azure;
  border-top: 1px solid #6c6fe2; // 25% white on $color-dark-indigo

  @include media-breakpoint-up(tablet) {
    padding: 5px 0;
  }
}

.footer-lower__container {
  @include make-container;
  @include make-container-max-widths;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

  @include media-breakpoint-up(tablet) {
    flex-direction: row;
    align-items: center;
  }
}