@php
    switch ($type ?? 'default') {
        case 'secondary':
            $class =
                'bg-accent hover:bg-primary text-dark hover:text-white border-accent hover:border-primary [.bg-primary_&]:hover:bg-dark';
            break;
        case 'white':
            $class = 'bg-white hover:bg-dark text-dark border-white';
            break;
        default:
            $class =
                'bg-primary [.bg-primary_&]:bg-white [.bg-primary_&]:text-primary [.bg-primary_&]:hover:bg-accent [.bg-primary_&]:hover:text-dark hover:bg-dark text-white border-primary';
    }
@endphp
<a href="{{ $cta['url'] }}"
    class="{{ $btnClass ?? $class }} button group/button inline-flex items-center justify-center gap-3 rounded-md border px-5 py-3 font-sans text-sm font-bold transition">
    {!! $cta['title'] !!}
    @if ($arrow ?? false)
        @include('partials.svg.arrow', [
            'arrowClass' => 'fill-[currentColor] group-hover/button:-translate-x-1 duration-300 transition',
        ])
    @endif
</a>