.ordered-list {
  @apply pl-4;
}

.unordered-list {
  li {
    @apply relative flex items-center;

    &:before {
      @apply text-black pr-2;

      font-family: "Font Awesome 5 Pro";
      content: "\f45c";
      font-size: 7px;
      font-weight: 600;
    }
  }

  &.text-sm li:before {
    font-size: 5px;
  }
}

.unordered-list--linked {
  li:after {
    @apply text-black pl-2 ml-auto;

    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    font-size: 10px;
    font-weight: 300;
  }

  &.text-sm li:after {
    font-size: 8px;
  }
}

.ordered-list {
  @apply list-decimal;
}