.footer {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  background-color: var(--theme-color-background-header);
  width: 100%;
  color: var(--theme-color-components-text-on-dark);
  font-family: var(--theme-text-body-font-family);

  padding: 0.6em;
  font-size: 0.8rem;
  font-weight: 600;
  border-top: 1px solid rgba(214, 211, 211, 0.5);

  @media (max-width: 600px) {
    display: none;
  }

  a {
    color: var(--theme-text-secondary);
  }

  .links {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    .item {
      margin-left: 1.2em;
    }
  }
}