Member birthday perk

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="x-apple-disable-message-reformatting" />
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
<meta name="color-scheme" content="light" />
<meta name="supported-color-schemes" content="light" />
<title>{firstname}, your member birthday perk 🎂</title>
<!--[if mso]><noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript><![endif]-->
<style type="text/css">
  body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
  table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;}
  img{-ms-interpolation-mode:bicubic;border:0;outline:none;text-decoration:none;}
  a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;}
  @media only screen and (max-width:620px){
    .container{width:100%!important;}
    .px{padding-left:22px!important;padding-right:22px!important;}
    .h1{font-size:28px!important;line-height:34px!important;}
  }
</style>
</head>
<body style="margin:0;padding:0;width:100%;background:#f4f1ff;" bgcolor="#f4f1ff">
<div style="display:none;max-height:0;overflow:hidden;mso-hide:all;font-size:1px;line-height:1px;color:#f4f1ff;opacity:0;">A free class (and a guest pass) for your birthday.&#8199;&#847;&#8199;&#847;&#8199;&#847;&#8199;&#847;&#8199;&#847;&#8199;&#847;</div>
<table role="presentation" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#f4f1ff" style="background:#f4f1ff;">
<tr><td align="center" style="padding:32px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
<table role="presentation" class="container" width="600" border="0" cellpadding="0" cellspacing="0" style="width:600px;max-width:600px;background:#ffffff;border-radius:16px;" bgcolor="#ffffff">
<tr><td style="padding:32px 32px 0;" class="px"><table role="presentation" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="center" bgcolor="#fce6db" style="background:#fce6db;border-radius:16px;padding:40px 24px;"><p style="margin:0;font-size:52px;line-height:56px;">🎁</p><p style="margin:14px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#ea580c;font-weight:bold;">Member perk</p><h1 style="margin:8px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:32px;line-height:38px;font-weight:bold;color:#1f1b2d;" class="h1">A birthday perk, just for members</h1></td></tr></table></td></tr>
<tr><td align="center" style="padding:28px 40px 12px;text-align:center;" class="px">
<p style="margin:0 0 16px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:26px;color:#1f1b2d;">Happy birthday, {firstname}! To celebrate, your membership now includes <strong>a free class and a guest pass</strong>, valid all month.</p>
<p style="margin:0 0 16px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:26px;color:#1f1b2d;">Bring a friend, try something new, and celebrate the way you like best.</p>
<table role="presentation" width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:8px 0 24px;"><tr><td align="center" style="border:2px dashed #ea580c;border-radius:12px;padding:18px;background:#fdf2ec;"><p style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#5f5a70;">Show this at the desk</p><p style="margin:6px 0 0;font-family:'Courier New',Courier,monospace;font-size:26px;font-weight:bold;letter-spacing:3px;color:#ea580c;">MEMBERBDAY</p></td></tr></table>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="margin:8px auto 8px;"><tr><td align="center" bgcolor="#ea580c" style="border-radius:8px;background:#ea580c;"><a href="https://example.com" target="_blank" style="display:inline-block;padding:15px 30px;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;line-height:20px;color:#ffffff;text-decoration:none;border-radius:8px;">Book my free class</a></td></tr></table>
</td></tr>
<tr><td align="center" style="padding:8px 40px 36px;text-align:center;" class="px">
<p style="margin:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:26px;color:#1f1b2d;">Happy birthday from all of us,<br /><strong>{business_name}</strong></p>
</td></tr>
</table>
<table role="presentation" class="container" width="600" border="0" cellpadding="0" cellspacing="0" style="width:600px;max-width:600px;">
<tr><td align="center" style="padding:20px 24px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#8a8a94;">
{business_name} &middot; You are receiving this because it is your birthday and you are on our list.<br />
<a href="https://example.com" style="color:#8a8a94;text-decoration:underline;">Unsubscribe</a>
</td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>

Subject: {firstname}, your member birthday perk 🎂

A birthday perk, just for members

Happy birthday, {firstname}! To celebrate, your membership now includes a free class and a guest pass, valid all month.

Bring a friend, try something new, and celebrate the way you like best.

Show this at the desk: MEMBERBDAY

Book my free class: https://example.com

Happy birthday from all of us,
{business_name}