@use "../icons/simple-line-icons";

solid-link,
solid-route {
  cursor: pointer;
}

.backlink {
  color: var(--color-text);
  text-decoration: underline;
  @include simple-line-icons.icon('arrow-left-circle');

  &::before {
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
    text-decoration: none;
  }

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

.link {
  color: var(--color-secondary);
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }

  &.color-white {
    color: white;
  }
}