@props([
    'url',
    'label' => 'Continue',
    'align' => 'center',
])

@php
    $alignAttr = match ($align) {
        'left' => 'left',
        'right' => 'right',
        default => 'center',
    };
@endphp

<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="{{ $alignAttr }}" style="margin: 0 auto;">
    <tr>
        <td align="{{ $alignAttr }}" style="border-radius: 8px; background-color: #3d2f7a;">
            {{--[if mso]>
            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{ $url }}" style="height:48px;v-text-anchor:middle;width:220px;" arcsize="17%" strokecolor="#3d2f7a" fillcolor="#3d2f7a">
                <w:anchorlock/>
                <center style="color:#ffffff;font-family:sans-serif;font-size:15px;font-weight:600;">{{ $label }}</center>
            </v:roundrect>
            <![endif]--}}
            <!--[if !mso]><!-->
            <a
                href="{{ $url }}"
                class="email-btn"
                style="display: inline-block; padding: 14px 32px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 600; line-height: 20px; color: #ffffff; text-decoration: none; border-radius: 8px; background-color: #3d2f7a; mso-padding-alt: 0;"
            >
                {{ $label }}
            </a>
            <!--<![endif]-->
        </td>
    </tr>
</table>