@props([
    'url',
    'color' => 'primary',
    'align' => 'center',
])
<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>
@php
    $style = '';
    if ($color === 'primary') {
        $primary = \App\Models\Setting::get('brand_primary', '#ff8c00');
        $style = "background-color: {$primary}; border-top: 10px solid {$primary}; border-right: 18px solid {$primary}; border-bottom: 10px solid {$primary}; border-left: 18px solid {$primary};";
    }
@endphp
<a href="{{ $url }}" class="button button-{{ $color }}" style="{{ $style }}" target="_blank" rel="noopener">{!! $slot !!}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>