.footer {
  position: relative;
  font-size: var(--font-size-14);
  color: var(--footer-color);

  @include no-print;

  .column {
    margin-bottom: 0;
  }

  a {
    color: inherit;
  }

  &__links {
    padding: var(--footer-links-padding);
    background: var(--footer-links-background);

    li {
      margin-bottom: var(--spacing-1);
      padding-right: var(--spacing-2);
    }

    a {
      color: var(--footer-link-color);

      &:hover,
      &:focus {
        color: var(--footer-link-hover-color);
      }
    }
  }
  &__legal {
    padding: var(--footer-legal-padding);
    background: var(--footer-legal-background);

    ul {
      margin: 0;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: row nowrap;
      display: flex;
    }

    li {
      padding: 0 var(--spacing-1);
    }

    span {
      cursor: pointer;
    }
  }

  .column--2 {
    text-align: right;
  }
}

@include mq-768 {
  .footer {
    &__links {
      ul {
        margin-bottom: var(--spacing-4);
      }

      li {
        padding: 0;
      }
    }

    .column {
      &--1 {
        margin-bottom: var(--spacing-2);
      }
    }
  }
}