.footer {
  background-color: $color-grey-regular;

  &__logo {
    width: 12rem;
    height: 12rem;

    opacity: 0.75;
    filter: $shadow-grey;
  }

  &__list {
  }

  &__list-item {
  }

  &__link {
    &,
    &:link,
    &:visited {
      display: inline-block;

      padding: 0.4rem;

      font-size: $font-size-larger;
      text-transform: uppercase;

      backface-visibility: hidden;
      transition: $transition-regular;
    }

    &:hover {
      color: $color-primary-regular;

      transform: scale(1.15);
      box-shadow: 0 0 8px 4px hsla(353, 79%, 56%, 0.25);
    }
  }

  &__caption {
    color: hsl(0, 0%, 50%);

    @include respond(phone) {
      text-align: center;

      margin-bottom: 1.2rem;
    }
  }
}
