<div style="background-color: #f1f5f9; padding: 20px; text-align: center">
    <div
        style="
            background-color: #ffffff;
            border: 1px solid #cbd5e1;
            max-width: 700px;
            border-radius: 5px;
            overflow: hidden;
            margin: auto;
        "
    >
        <div
            style="
                margin-bottom: 20px;
                margin-top: 20px;
                overflow: hidden;
                padding-left: 20px;
            "
        >
            <a href="https://datasquirel.com" style="overflow: hidden">
                <img
                    src="https://static.datasquirel.com/images/user-images/user-2/datasquirel/icon-512x512_thumbnail.png"
                    width="50"
                    height="50"
                    style="object-position: center center; object-fit: contain"
                />
            </a>
        </div>

        <hr style="opacity: 0.4" />

        <div style="padding: 20px">{{email_body}}</div>

        <div style="padding: 20px; background-color: #f1f5f9">
            <div
                style="font-size: 12px; opacity: 0.5; margin: 0 auto 10px auto"
            >
                Date issued: {{issue_date}}
            </div>
            <a href="https://datasquirel.com/unsubscribe">Unsubsribe</a>
        </div>
    </div>
</div>