app-footer {
  display: block;
}

.site-footer {
  border-top: 1px solid var(--line);
  background: var(--surface);
  margin-top: 4rem;
}

.brand-mark-sm {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  font-size: .85rem;
}

.brand-name-sm {
  font-size: 1.1rem;
}

.footer-link {
  color: var(--muted);
  text-decoration: none;
  font-size: .82rem;
}

.footer-link:hover {
  color: var(--ink);
}

.site-footer-simples {
  margin-top: 0;
  color: var(--muted);
  font-size: .76rem;
  padding: 18px 24px;
  text-align: center;
}