{% url url_name as target %}
<a href="{{ target }}"
   class="flex items-center justify-between gap-3 rounded-xl px-3 py-2.5 text-sm font-medium transition
          {% if request.path|slice:':40' == target|slice:':40' and target in request.path %}bg-brand-500/12 text-brand-400{% else %}text-neutral-400 hover:bg-white/5 hover:text-neutral-100{% endif %}">
  <span>{{ label }}</span>
  {% if badge %}
    <span class="grid h-5 min-w-[1.25rem] place-items-center rounded-full bg-brand-500 px-1.5 text-[0.65rem] font-bold text-black">{{ badge }}</span>
  {% endif %}
</a>