@props([
    'variant' => 'primary',
    'href' => null,
    'type' => null,
])

@php
    $baseClass = 'inline-flex items-center gap-2.5 rounded-lg font-semibold transition-all duration-300 relative overflow-hidden';

    $variantClasses = [
        'primary' => 'bg-primary text-dark shadow-md hover:shadow-glow',
        'outline' => 'border border-gray-light text-gray-light hover:border-primary hover:text-primary',
    ][$variant] ?? 'bg-primary text-dark';

    $sizeClasses = 'px-6 py-3 text-base';
@endphp

@if($href)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => "$baseClass $variantClasses $sizeClasses"]) }}>
        {{ $slot }}
    </a>
@else
    <button {{ $attributes->merge(['type' => $type ?? 'button', 'class' => "$baseClass $variantClasses $sizeClasses"]) }}>
        {{ $slot }}
    </button>
@endif