{{ if slug === "home" }}
<a
    href="{{ href }}"
    class="
        herobutton flex items-center justify-center text-[12px] border border-white no-underline border-solid text-white font-bold uppercase group-hover:text-black
        px-[14px] py-[14px] md:px-[14px] md:py-[14px] font-sans tracking-[2.1px] whitespace-nowrap herobutton  w-[374px] md-custom:w-[374px] md:w-[373.6px] h-[42px] md:h-[55px] hover:bg-white hover:text-black hover:border-transparent group
        max-w-[90%] mx-auto

    ">
    {{ text }}
    <i class="ml-3 fas no-underline fa-chevron-right text-[11px] align-middle group-hover:text-black"></i>
</a>


{{ else  }}
    <a
    href="{{ if href|contains('entry::') }} {{ link :id="href" }} {{ else }} {{ href }} {{ /if }}"
    class="
        inline-block uppercase font-bold underline text-[#3b3b3b] mt-4
        text-[16px] tracking-[1.6px] leading-[1.25]
        md:text-[15px] md:tracking-[1.5px] md:leading-[0.91]
        lg:text-[18px] lg:tracking-[1.8px] lg:leading-[1.11]
        text-left
        {{ class }}
    "
    >
    {{ if text }} {{ handle_orphan :str="text" }} {{ /if }}
    {{ slot }}

    </a>
{{ /if }}