{% if width is not defined %}
	{% set width = 240 %}
{% endif %}

{% if bgcolor is not defined %}
	{% set bgcolor = "#ed1c24" %}
{% endif %}

{% if href is defined %}
<div><!--[if mso]>
	<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
				 href="{{ href }}" style="height:50px;v-text-anchor:middle;width:200px;" arcsize="38%" stroke="f"
				 fillcolor="#ed1c24">
		<w:anchorlock/>
		<center>
	<![endif]-->
	<a href="{{ href }}"
	   style="background-color:#ed1c24;border-radius:15px;font-size:20px;display:inline-block;font-weight: 700;color:#FFFFFF;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;text-decoration: none;-webkit-text-size-adjust:none;">
		{% endif %}
		<table align="center" border="0" cellpadding="5"
			   cellspacing="5"
			   height="100%"
			   width="{{ width }}" bgcolor="{{ bgcolor }}"
			   style="height:100%;width:{{ width }}px;margin: 0;padding: 0;background-color: {{ bgcolor }};border-radius: 50px;">
			<tr align="center" valign="top">
				<td>
			<span style="font-size:20px;font-weight: 700;color:#FFFFFF;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;">
				<b>{{ text }}</b>
			</span>
				</td>
			</tr>
		</table>
		{% if href is defined %}
	</a>
	<!--[if mso]>
	</center>
	</v:roundrect>
	<![endif]--></div>
{% endif %}