.footer{
  padding: 40px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}
.footer__top{
  display:grid;
  grid-template-columns: 1.1fr .7fr .9fr;
  gap:22px;
  align-items:start;
}
.footer__nav{display:grid; gap:10px}
.footer__nav a{color: rgba(244,246,250,.82)}
.footer__nav a:hover{color: rgba(244,246,250,1)}
.footer__cta{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end}
.footer__bottom{
  margin-top: 22px;
  padding-top: 18px;
  border-top:1px solid rgba(255,255,255,.06);
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.footer__legal{display:flex; gap:14px; flex-wrap:wrap}
@media (max-width:900px){
  .footer__top{grid-template-columns: 1fr}
  .footer__cta{justify-content:flex-start}
}