privacyguides.org/_includes/badge.html

{% if include.link %}
<a
  href="{{ include.link }}" class="text-decoration-none badge rounded-pill bg-{{ include.color | default: "info" }}"
  {% if include.tooltip %}
  data-bs-toggle="tooltip"
  title="{{ include.tooltip }}"><i class="{{ include.icon | default: "fad fa-question-circle"}}"></i> {{ include.text }}
{% else %}><i class="{{ include.icon | default: "fas fa-external-link-alt"}}"></i> {{ include.text }}
{% endif %}
</a>
{% else %}
<span
  class="badge rounded-pill bg-{{ include.color | default: "info" }}"
  {% if include.tooltip %}
    data-bs-toggle="tooltip"
    title="{{ include.tooltip }}"
    > <i class="{{ include.icon | default: "fad fa-question-circle"}}"></i> {{include.text}}
  {% else %}
    > {% if include.icon %}<i class="{{ include.icon }}"></i>{% endif %} {{include.text}}
  {% endif %}
</span>
{% endif %}