@use '../styles/variables' as v;

.base {
  color: white;
  display: flex;
}

.links {
  display: flex;
  margin-left: v.$gutter;

  a {
    color: white;
    font-weight: bold;
    text-decoration: none;

    &:not(:last-child):after {
      content: '\00a0|\00a0';
    }

    &:hover {
      text-decoration: underline;
    }
  }
}