#footer {
  background: linear-gradient(
    180deg,
    rgba(20, 10, 35, 0.55) 0%,
    rgba(10, 6, 20, 0.75) 100%
  ) !important;


  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%) !important;;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 -20px 60px rgba(0, 0, 0, 0.35) !important;
}

#footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");

  mix-blend-mode: overlay;
}

#footer .footer__accepted {
  background: linear-gradient(
    180deg,
    rgba(20, 10, 35, 0.55) 0%,
    rgba(10, 6, 20, 0.65) 100%
  ) !important;

  /* backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important; */

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 40px rgba(0, 0, 0, 0.45) !important;
}


.footer__logo {
    margin-top: 30px;
    width: 264px;
    height: 80px;
    background: var(--tf-logo) no-repeat left center;
    background-size: auto 40px;
}