footer-wrapper {
  display: block;
  background: linear-gradient(to bottom right, var(--header-bg-color-1), var(--header-bg-color-2));
  padding-top: calc(var(--common-space) / 2);
  padding-bottom: calc(var(--common-space) * 2);
}

footer {
  display: flex;
  justify-content: flex-end;
  width: var(--common-width);
  margin: 0 auto;
  padding-left:  calc(var(--common-space) / 2);
  padding-right:  calc(var(--common-space) / 2);
}



nav-footer {
   flex-wrap: wrap;
 display: flex;
  justify-content: flex-end;
}

nav-footer a {
  font-size: 0.8em;
  text-decoration: underline;
  margin-right: calc(var(--common-space) / 2);
}