:root {
  --footer-text: #{dehex(color.$ui-cool-gray-600)};
}

#footer {
  color: rgb(var(--footer-text));
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin: 0 auto;
  padding: scale.$sm-4 scale.$lg-4 scale.$lg-5;
  .pds-logomark {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0 scale.$sm-1 0 0;
  }

  .version-info-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    li {
      padding-right: scale.$base;
    }
  }
}
