@props(['url'])
<tr>
<td class="header" align="center">
<a href="{{ $url }}" style="display: inline-block; text-decoration: none;">
{{-- The mark sits on white: its wordmark is a mid grey drawn for light
     backgrounds, so on the navy card it would read as a smudge. --}}
<table cellpadding="0" cellspacing="0" role="presentation" align="center">
<tr>
<td class="logo-chip" bgcolor="#FFFFFF" style="background-color: #FFFFFF; border-radius: 10px; padding: 14px 22px;">
<img src="{{ asset('logo.png') }}" class="logo" width="168" alt="KPOD">
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 0 0 6px;">
{{-- The brand sweep as three solid cells — a CSS gradient is dropped by
     Outlook and most desktop clients. --}}
<table class="brand-rule" width="168" cellpadding="0" cellspacing="0" role="presentation" style="width: 168px;">
<tr>
<td width="56" bgcolor="#6C63E8" style="background-color: #6C63E8; font-size: 0; line-height: 0; height: 3px;">&nbsp;</td>
<td width="56" bgcolor="#D3387F" style="background-color: #D3387F; font-size: 0; line-height: 0; height: 3px;">&nbsp;</td>
<td width="56" bgcolor="#FF8A2A" style="background-color: #FF8A2A; font-size: 0; line-height: 0; height: 3px;">&nbsp;</td>
</tr>
</table>
</td>
</tr>