Try using this code @kenmckown
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-Width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>cta</title>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!-- [if (gte mso 9)]>
<style type="text/css">
body, table, td, a, div, span, p, ul, li{
font-family: Arial , sans-serif !important;
}
</style>
<![endif]-->
<style type="text/css">
@media only screen and (max-width: 640px) {
.full-width {
width: 100% !important;
margin: 0 auto !important;
}
.device-width {
width: 90% !important;
min-width: 90% !important;
}
.img-width {
width: 100% !important;
margin: 0 auto !important;
}
.small-font {
font-size: 14px !important;
line-height: 18px !important;
}
.block {
width: 100% !important;
margin: 0 auto !important;
display: block !important;
}
.small-img {
width: 100px !important;
}
.center {
text-align: center !important;
}
.left {
text-align: left !important;
}
.pad-zero {
padding-left: 0px !important;
padding-right: 0px !important;
}
.d-none {
display: none !important;
}
}
@media (prefers-color-scheme: dark) {
.dark-bg {
background-color: #000000 !important;
color: #FFFFFF !important;
}
.white-text {
color: #FFFFFF !important;
}
.dark-col {
color: #273245 !important;
}
body {
background-color: #DEDEDE !important;
}
}
</style>
</head>
<body>
<table cellpadding="0" border="0" width="100%" class="full-width dark-bg" role="presentation" align="center"
style="text-size-adjust: 100%; border-spacing: 0px; border-collapse: collapse; margin: 0px auto; border-width: 0px;width: 100%;"
cellspacing="0">
<tbody>
<tr>
<td>
<table cellpadding="0" border="0" width="640" class="full-width dark-bg" bgcolor="#ffffff"
role="presentation" align="center"
style="background-color: #ffffff;width:640px;text-size-adjust: 100%; border-spacing: 0px; border-collapse: collapse; margin: 0px auto; border-width: 0px;"
cellspacing="0">
<tbody>
<tr>
<td>
<table cellpadding="0" border="0" width="100%" class="full-width dark-bg"
bgcolor="#ffffff" role="presentation" align="center"
style="background-color: #ffffff;width:100%;text-size-adjust: 100%; border-spacing: 0px; border-collapse: collapse; margin: 0px auto; border-width: 0px;"
cellspacing="0">
<tr>
<td>
<table width="50" style="width: 50px;">
<tr>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:50px;v-text-anchor:middle;width:50px;" arcsize="90%" stroke="#000000" fillcolor="#000000">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
1
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]> <!-->
<td width="50" class="white-text"
style="font-weight:normal; background-color:#000000; border-radius: 50px; color:#ffffff;border:1px solid #ffffff; display: inline-block;font-family: 'Arial', sans-serif; font-size: 14px;font-weight:bold; line-height: 50px; text-align: CENTER; text-decoration: NONE; width:50px; -webkit-text-size-adjust: none; mso-hide: all;">
1
</td>
<!-- <![endif]-->
</tr>
</table>
</td>
<td>
<table width="50" style="width: 50px;">
<tr>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:50px;v-text-anchor:middle;width:50px;" arcsize="90%" stroke="#000000" fillcolor="#000000">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
2
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]> <!-->
<td width="50" class="white-text"
style="font-weight:normal; background-color:#000000; border-radius: 50px; color:#ffffff;border:1px solid #ffffff; display: inline-block;font-family: 'Arial', sans-serif; font-size: 14px;font-weight:bold; line-height: 50px; text-align: CENTER; text-decoration: NONE; width:50px; -webkit-text-size-adjust: none; mso-hide: all;">
2
</td>
<!-- <![endif]-->
</tr>
</table>
</td>
<td width="10" style="width:10px;">
</td>
<td>
<table width="50" style="width: 50px;">
<tr>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:50px;v-text-anchor:middle;width:50px;" arcsize="90%" stroke="#000000" fillcolor="#000000">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
3
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]> <!-->
<td width="50" class="white-text"
style="font-weight:normal; background-color:#000000; border-radius: 50px; color:#ffffff;border:1px solid #ffffff; display: inline-block;font-family: 'Arial', sans-serif; font-size: 14px;font-weight:bold; line-height: 50px; text-align: CENTER; text-decoration: NONE; width:50px; -webkit-text-size-adjust: none; mso-hide: all;">
3
</td>
<!-- <![endif]-->
</tr>
</table>
</td>
<td width="10" style="width:10px;">
</td>
<td>
<table width="50" style="width: 50px;">
<tr>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:50px;v-text-anchor:middle;width:50px;" arcsize="90%" stroke="#000000" fillcolor="#000000">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
4
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]> <!-->
<td width="50" class="white-text"
style="font-weight:normal; background-color:#000000; border-radius: 50px; color:#ffffff;border:1px solid #ffffff; display: inline-block;font-family: 'Arial', sans-serif; font-size: 14px;font-weight:bold; line-height: 50px; text-align: CENTER; text-decoration: NONE; width:50px; -webkit-text-size-adjust: none; mso-hide: all;">
4
</td>
<!-- <![endif]-->
</tr>
</table>
</td>
<td width="10" style="width:10px;">
</td>
<td>
<table width="50" style="width: 50px;">
<tr>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:50px;v-text-anchor:middle;width:50px;" arcsize="90%" stroke="#000000" fillcolor="#000000">
<w:anchorlock/>
<center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
5
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]> <!-->
<td width="50" class="white-text"
style="font-weight:normal; background-color:#000000; border-radius: 50px; color:#ffffff;border:1px solid #ffffff; display: inline-block;font-family: 'Arial', sans-serif; font-size: 14px;font-weight:bold; line-height: 50px; text-align: CENTER; text-decoration: NONE; width:50px; -webkit-text-size-adjust: none; mso-hide: all;">
5
</td>
<!-- <![endif]-->
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
.png)