.footer {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  transition: transform 1s cubic-bezier(.19,1,.22,1);
  transform: translateY(100px);

  &.show {
    transform: translateY(0);
  }

  &.footer-one {
    svg {
      path {
        fill: $gray-003
      }
    }

    .footer-social-media {
      a:hover svg path {
        fill: $gray-004;
      }
    }
    
    .footer-menu a {
      color: $gray-003;;

      &:hover,
      &:active {
        color: $black;
      }
    }
  }

  &.footer-two{
    svg {
      path {
        fill: $black
      }
    }

    .footer-social-media {
      a:hover svg path {
        fill: $white;
      }
    }
    
    .footer-menu a {
      color: $black;

      &:hover,
      &:active {
        color: $white;
      }

      &.link-selected {
        color: $white;
      }
    }
  }

  @include tablet-only {
    display: none;
  }

  @include mobile {
    display: none;
  }
}

.footer-social-media {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  a {
    margin-right: 34px;
    font-size: 0;

    &:last-child {
      margin-right: 0;
    }
  }

  svg {
    width: 24px;

    path {
      transition: fill 0.2s linear;
    }
  }
}

.footer-menu {
  display: block;

  a {
    @extend .navigation;

    display: block;
    text-decoration: none;
    transition: color 0.2s linear;
  }
}