Mobile Navigation Link

<li class="mobile-nav-item">
  <div class="mobile-nav-container">
    {{#if active_mobile}}
    <span class="nav-link active">{{title}}</span>
    {{else}}
    <a href="#" class="nav-link">{{title}}{{#if root}} <span
        class="ms-1">{{render "@icon--read-more-sm"}}</span>{{/if}}</a>
    {{/if}}
    {{#if children}}
    {{#unless root}}
    <a href="#{{key}}" class="mobile-nav-toggle{{#unless (or active_mobile expanded_mobile)}} collapsed{{/unless}}"
       data-bs-target="#{{key}}{{#unless (or active_mobile expanded_mobile)}}collapsed{{/unless}}" data-bs-toggle="collapse"
       aria-expanded="false" aria-controls="{{key}}" role="button">

      <span class="collapse-show">
        <i class="fal fa-plus-circle"></i>
      </span>
      <span class="collapse-hide">
        <i class="fal fa-minus-circle"></i>
      </span>

    </a>
    {{/unless}}
    {{/if}}
  </div>
  {{#if children}}
  <ul class="mobile-nav collapse{{#if (or root (or active_mobile expanded_mobile))}} show{{/if}}"
    id="{{key}}{{#unless (or active_mobile expanded_mobile)}}collapsed{{/unless}}">
    {{#each children}}
    {{render "@mobile-navigation-link" this}}
    {{/each}}
  </ul>
  {{/if}}
</li>