{%- assign categoryUrl = link.permalink | downcase -%}
{%- assign isHttp = categoryUrl contains "http" -%}
{%- assign url = page.activeUrl | default: page.url -%}
{%- if categoryUrl | isLinkActive:url -%}
  {%- capture linkClass -%}
  {%- if link.section -%}button{%- endif -%}
  {%- if link.icon -%}icon{%- endif -%}
{%- endcapture -%}
  <span
    class="active {{ linkClass }}"
    aria-current="page"
  >
    {%- if link.icon -%}
      {% tablericon link.icon %}
      <span>{{ link.title }}</span>
    {%- else -%}
      {{ link.title }}
    {%- endif -%}
  </span>
{%- else -%}
  <a
    class="{% if link.section %}{{ link.section | downcase }} button {% endif %}{% if link.icon %}{{ link.icon | downcase }} icon {% endif %}"
    href="{{ categoryUrl }}"
    {% if isHttp -%}
      rel="me"
    {%- endif %}
    title="{{ link.title }}"
    aria-label="{{ link.title }}"
  >
    {%- if link.icon -%}
      {% tablericon link.icon %}
      <span>{{ link.title }}</span>
    {%- else -%}
      {{ link.title }}
    {%- endif -%}
  </a>
{%- endif -%}