.footer {
  inline-size: 100%;
  z-index: 3;

  &-content {
    display: grid;
    grid-template-columns: 280px auto;
    margin-top: $spacing-xl;
    padding: $spacing-xl 0;
    border-top: 1px solid $color-black20;
    justify-content: space-between;
    align-items: center;
    gap: $spacing-lg;

    @include media-down(md) {
      grid-template-columns: 1fr;
    }
  }

  &-logos {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    gap: $spacing-lg;

    .partner {
      position: relative;
      align-content: center;

      &-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
      }

      img {
        width: 100%;
        height: 100%;
        max-height: 60px;
        object-fit: contain;
      }
    }
  }

  &-copyright {
    font-size: 14px;
    color: $color-black80;
  }

  &-nav {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;

    &-links {
      display: flex;
      flex-wrap: wrap;
      gap: $spacing-sm;

      .footer-link {
        font-size: 14px;
        color: $color-black80;
        @include link-decoration;

        @include media-down(md) {
          display: flex;
          min-height: 44px;
          margin: -14px 0;
          align-items: center;
        }
      }
    }
  }
}