.cd-footer {
  padding-block:38px;
  border-top:1px solid var(--cd-border);
  background:var(--cd-surface)
}

.cd-footer__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  font-size:13px;
  color:var(--cd-muted)
}

.cd-footer__brand {
  font-family:var(--cd-heading);
  font-size:12px;
  font-weight:500;
  max-width:370px
}

.cd-footer__links {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap
}

.cd-footer__links a:hover {
  color:var(--cd-text)
}

.cd-footer__links>span {
  font-size:12px
}

@media(max-width:767px) {
  .cd-footer__inner {
    align-items:start;
    flex-direction:column;
    gap:22px
  }
  .cd-footer__links {
    gap:14px 20px
  }
  .cd-footer__links>span {
    flex-basis:100%;
    margin-top:4px
  }
}