.app-footer-banner {
  text-align: center;
  background-color: #151515;
  color: #fff;
  padding: 100px 10% 0;
  overflow: hidden;
}

.dark .app-footer-banner {
  background-color: rgb(var(--color-placeholder));
}

.app-footer-banner .heading {
  color: inherit;
  margin-bottom: 14px;
}

.footerbanner-wrapper .app-store-btn {
  margin-top: 78px;
}

.footer-banner-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  padding: 0 6%;
}

.footer-banner-wrapper img {
  margin-bottom: -127%;
  width: 100%;
  transition: 0.3s ease-in-out;
  transform: translate(0);
}

.footer-banner-wrapper img:hover {
  transform: translateY(-70%);
  scale: 0.7;
}

.footer-banner-wrapper > div {
  width: 45%;
}

.app-page {
  padding-bottom: 0;
}

@media (max-width: 1550px) {
  .footerbanner-wrapper .app-store-btn {
    margin-top: 62px;
  }

  .footer-banner-wrapper .app-store-btn > a {
    width: auto;
  }
}

@media (max-width: 1023px) {
  .footerbanner-wrapper .app-store-btn {
    margin-top: 40px;
  }

  .app-store-btn > a {
    width: 40%;
  }

  .app-footer-banner .text-2xl {
    --text-2xl: 18px;
  }

  .footer-banner-wrapper {
    margin-top: 60px;
  }

  .app-footer-banner {
    padding: 70px 10% 0;
  }
}

@media (max-width: 767px) {
  .app-footer-banner {
    padding: 39px 0% 0;
  }

  .app-footer-banner .text-2xl {
    --text-2xl: 14px;
  }

  .footerbanner-wrapper .app-store-btn {
    margin-top: 70px;
  }

  .footer-banner-wrapper {
    margin-top: 24px;
    justify-content: center;
    gap: 8%;
  }

  .app-store-btn > a {
    width: 44%;
  }
}