{{ if slug === "home" }}
<a
    href="{{ url }}"
    class="
        herobutton flex items-center justify-center text-[14px] border border-white no-underline border-solid text-white font-bold uppercase group-hover:text-black
        px-[18px] py-[18px] font-sans tracking-[2.1px] whitespace-nowrap herobutton  w-[374px] md-custom:w-[374px] md:w-[373.6px] h-[52px] 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>
{{ /if  }}