.site-footer {
  background:
    radial-gradient(circle at 82% 18%, rgba(18, 200, 223, 0.12), transparent 30%),
    linear-gradient(110deg, #031224 0%, #071b3a 56%, #0d3a66 100%) !important;
  border-top: 1px solid rgba(18, 200, 223, 0.28) !important;
  color: #ffffff !important;
}

.site-footer .footer-stay {
  border-color: rgba(189, 246, 255, 0.25) !important;
}

.site-footer .footer-stay h2,
.site-footer .footer-links-grid h3 {
  color: #ffffff !important;
}

.site-footer .footer-stay p,
.site-footer .footer-links-grid a,
.site-footer .footer-legal-row,
.site-footer .footer-legal-row a {
  color: rgba(255, 255, 255, 0.82) !important;
}

.site-footer .footer-links-grid a:hover,
.site-footer .footer-links-grid a:focus-visible,
.site-footer .footer-legal-row a:hover,
.site-footer .footer-legal-row a:focus-visible {
  color: #bdf6ff !important;
}

.site-footer .button.button-light {
  background: #12c8df !important;
  color: #031224 !important;
  box-shadow: 0 14px 34px rgba(18, 200, 223, 0.2) !important;
}

.site-footer .button.button-light:hover,
.site-footer .button.button-light:focus-visible {
  background: #bdf6ff !important;
  color: #031224 !important;
}

.site-footer .footer-legal-row {
  border-top: 1px solid rgba(189, 246, 255, 0.18) !important;
  padding-top: 24px !important;
}

@media (max-width: 1020px) {
  .site-footer .footer-stay {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(189, 246, 255, 0.25) !important;
  }
}