@props([
    'url',
    'color' => 'primary',
    'align' => 'center',
])
@php
    $background = match ($color) {
        'success' => '#16a34a',
        'error' => '#dc2626',
        default => '#25b395',
    };
@endphp
<table class="action" align="{{ $align }}" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td>
<a href="{{ $url }}" class="button button-{{ $color }}" target="_blank" rel="noopener" style="background-color: {{ $background }}; border-radius: 8px; color: #ffffff; display: inline-block; font-size: 15px; font-weight: 600; text-decoration: none;">
{!! $slot !!}
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>