@php
    $brand = config('company.brand');
    $url   = $url   ?? '#';
    $label = $label ?? 'View';
    $align = $align ?? 'center';
    $color = $color ?? $brand['primary'];
    $showFallback = $showFallback ?? true;
@endphp
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="{{ $align }}" style="margin:6px auto;">
    <tr>
        <td class="su-btn" align="center" bgcolor="{{ $color }}" style="border-radius:6px;background:{{ $color }};">
            <!--[if mso]>
              <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{ $url }}" style="height:44px;v-text-anchor:middle;width:220px;" arcsize="14%" strokecolor="{{ $color }}" fillcolor="{{ $color }}">
                <w:anchorlock/>
                <center style="color:#ffffff;font-family:Arial,sans-serif;font-size:14px;font-weight:600;">{{ $label }}</center>
              </v:roundrect>
            <![endif]-->
            <!--[if !mso]><!-- -->
            <a href="{{ $url }}"
               style="display:inline-block;background:{{ $color }};color:#ffffff !important;text-decoration:none;padding:12px 28px;border-radius:6px;font-weight:600;font-size:14px;line-height:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;">
                {{ $label }}
            </a>
            <!--<![endif]-->
        </td>
    </tr>
</table>
@if($showFallback && $url && $url !== '#')
    <div style="margin-top:10px;font-size:11px;color:{{ $brand['muted'] }};text-align:{{ $align }};word-break:break-all;">
        If the button above doesn't work, copy and paste this URL into your browser:<br>
        <a href="{{ $url }}" style="color:{{ $brand['muted'] }};">{{ $url }}</a>
    </div>
@endif