@props([
    "background_color" => "#FFFFFF",
])

<button
    type="button"
    @class([
        "min-w-max flex-1 cursor-pointer justify-center rounded-lg border-2 border-brand-orange px-3 py-2.5 text-[1.1875rem] font-semibold whitespace-nowrap",
        "hover:border-transparent hover:bg-brand-orange-hover active:border-transparent active:bg-brand-orange-active",

        // Text color logic
        "text-brand-orange hover:text-white active:text-white" => $background_color === "#FFFFFF",
        "text-white" => $background_color === "#004F59",
        "text-black hover:text-white active:text-white" => ! in_array($background_color, ["#FFFFFF", "#004F59"]),
    ])
    {{ $attributes }}
>
    {{ $slot }}
</button>