footer {
  text-align: center;
  color: var(--color-black);
  height: 110px;
  max-height: 110px;
  margin-top: -110px;

  p{
    width: auto;
    font-size: 14px;
    margin: 0;
    a{
      font-size: 14px;
    }
  }

  a, a:hover {
    color: inherit;
    font-size: 14px;
  }
}

.footer--default {
  background-color: var(--color-white);
}

.footer--dark {
  background-color: var(--color-dark);
  color: var(--color-white);
}

.footer--purple {
  color: var(--color-white);
}