@props([
    'url',
    'color' => 'primary',
    'align' => 'center',
])
@php
$buttonStyles = [
    'primary' => '#F42C56',
];
$bgColor = $buttonStyles[$color] ?? '#F42C56';
@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" style="background-color: {{ $bgColor }}; color: white; text-decoration: none; padding: 10px 20px; border-radius: 5px;" target="_blank" rel="noopener">{{ $slot }}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>