footer {
  padding: var(--content-margin) 0;
}

footer ul::before,
footer ul::after {
  content: '';
  display: block;
  clear: both;
}

footer ul li {
  display: block;
  float: left;
}

footer ul li + li {
  margin-left: var(--content-margin-half);
}

footer ul li a {
  color: var(--color-brand-primary);
  text-decoration: none;
}