.footer-homepage__cta {
  background: #1b5bff;
}

.footer-homepage__cta:hover {
  background: #0f47e6;
}

.footer-homepage__tag--blue {
  color: #b9cffa;
  border: 1px solid rgba(159, 193, 255, 0.4);
}

.footer-homepage__tag--green {
  color: #d9f2e6;
  border: 1px solid rgba(122, 222, 180, 0.4);
}

.footer-homepage__tag--orange {
  color: #fae6d2;
  border: 1px solid rgba(245, 178, 120, 0.4);
}

.footer-homepage__tag--gray {
  color: #e4e8f0;
  border: 1px solid rgba(198, 204, 216, 0.4);
}

.footer-homepage__tag--red {
  color: #fbd9de;
  border: 1px solid rgba(240, 156, 169, 0.4);
}

@media (max-width: 640px) {
  .site-footer .u-padding-96px-32px-0 {
    padding: 74px 18px 0 !important;
  }

  .footer-homepage__headline {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 26px !important;
    padding-bottom: 52px !important;
  }

  .footer-homepage__headline h2 {
    max-width: 100%;
    font-size: 32px !important;
    line-height: 1.15 !important;
  }

  .footer-homepage__cta {
    align-self: flex-start;
  }

  .site-footer .footer-homepage__navigation {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    padding: 48px 0 !important;
  }

  .footer-homepage__legal {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 12px;
    line-height: 1.6;
  }
}