@extends('layouts.emails')

@section('content')
    <table style="width: 100%; border-collapse: collapse; background-color: #F5F5F5; text-align:center;max-width: 800px; font-family: 'Open sans', sans-serif, Arial, Verdana">
        <tr>
            <td style="color: #24232D;font-size: 32px;padding-bottom: 30px;padding-top: 40px;">Dear Madame/Sir,</td>
        </tr>
        <tr>
            <td style="color: #24232D; font-weight: 100; font-size: 16px; padding-bottom: 32px;">Please click the button below to verify your email address.</td>
        </tr>
        <tr>
            <td>
                <a href="{{$link}}" style="text-decoration: none; background-color: #0E86F7; font-size: 14px; color: white; border-radius: 10px; padding: 27px 56px; box-sizing: border-box; display: flex; justify-content: center; width: auto; max-width: 280px; margin: 15px auto;">
                    Verify Email<span style="margin-left: 15px;"> > </span>
                </a>
            </td>
        </tr>
        <tr>
            <td style="color: #24232D; font-weight: 100; font-size: 16px; padding-bottom: 32px;">If you did not create an account, no further action is required.</td>
        </tr>

        <tr>
            <td style="color: #24232D;">Thank you</td>
        </tr>
        <tr>
            <td style="padding-bottom: 40px;color: #24232D;">{{ config('app.name') }} Team</td>
        </tr>
    </table>
@endsection