.footer {
  background: #F0F5FB;
  padding: 27px 0 34px;
  color: var(--color-text);
}
.footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.footer__top {
  margin-bottom: 56px;
}
.footer__brand {
  width: 285px;
  height: auto;
  display: block;
}
.footer__brand img {
  height: auto;
  width: 100%;
  display: block;
}
.footer__nav {
  display: grid;
  gap: 26px;
}
.footer__nav a {
  color: var(--color-text);
}
.footer__info {
  display: grid;
  gap: 26px;
}
.footer__contacts {
  display: grid;
  gap: 26px;
  justify-items: start;
}
.footer__socials {
  display: flex;
  gap: 20px;
}
.footer__addr {
  padding-bottom: 27px;
}
.footer__socials img {
  width: 26px;
  height: 26px;
  display: block;
}
.footer__cta {
  display: flex;
  align-items: center;
}
.btn--footer {
  width: 216px;
  height: 48px;
}

@media (max-width: 1100px) {
  .footer__inner {
    flex-wrap: wrap;
    gap: 20px 32px;
  }
  .footer__cta {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .footer {
    padding: 20px 0 24px;
  }
  .footer__inner {
    flex-direction: column;
    gap: 20px;
  }
  .footer__brand {
    width: 240px;
  }
  .footer__nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .footer__info { gap: 16px; }
  .footer__contacts { gap: 16px; }
  .btn--footer { width: 100%; }
}