{% comment %}

    Bootstrap button link, https://getbootstrap.com/docs/5.1/components/buttons/

    E.G. --> {% include feature/button.html text="Example Button Link" link="https://example.com" color="success" %}

    Options:
    - "text" = main button text
    - "link" = button link
    - "color" = a bootstrap color (primary, secondary, success, danger, warning, info, light, dark)
    - "size" = optional btn size, choose from "lg", "sm" (defaults to normal size)
    - "width" = will use Bootstrap sizing to set the % size, choose from "25", "50", "75", or "100" 
    - "centered" = give "true" to add the button to a div and center on page
    - "float" = will use Bootstrap float utility to add float, choose from "start" (left) or "end" (right) (not recommended)

{%- endcomment -%}
{% if include.centered %}<p class="text-center mb-3">{%- endif -%}
<a class="btn{% if include.size %} btn-{{ include.size }}{% endif %} btn-{{ include.color | default: 'secondary' }}{% if include.float %} float-{{ include.float }}{% endif %}{% if include.width %} w-{{ include.width }}{% endif %}" href="{{ include.link }}">{{ include.text }}</a>
{% if include.centered %}</p>{%- endif -%}
