.footerLinks {
  position: fixed;
  width: 100%;
  height: 88px;
  bottom: -50vh;
  left: 0;
  padding: 0;
  background-color: var(--color-7);
  border-radius: 0;
  z-index: 1001;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: 2s;

  &.storybookStyles {
    position: absolute;
  }

  @media only screen and (max-width: 767px) {
    opacity: 1;
    visibility: visible;
    
  }

  > ul {
    display: flex;
    width: 100%;

    > li {
      width: 100%;
      @include flex-direction(row);
      @include flex-align(center, center);

      a {
        display: flex;
        flex-flow: column;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        color: #ffffff;

        img {
          width: 48px;
        }

        span {
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 18px;
          text-align: center;
          color: #fff;
          position: relative;
        }
      }
    }
  }
}
.showFooterNav{
  transition: 0.5s;
  bottom: 0;
}
