basic coupon area

<div style="background-color: #e84a33; padding: 40px 20px 20px; color: #fff; border-radius: 20px;">
<h1>For The Next 48 Hours only:</h1>
<p style="margin: 10px 0 20px 0; font-weight: 400; text-align: center;">Use this code at checkout to save $20</p>
<p style="font-weight: 600; font-size: 24px; margin: 0 30px; padding: 15px; border: #fff 5px dashed; text-align: center;">{% coupon_code 'CHERRY20' %}</p>
<p style="margin: 30px 0 0 0; font-weight: 400; text-align: center;">Valid on orders over $50.</p>
<p style="text-align: center; margin: 10px 0 40px 0;"><a href="{{ event.URL }}"><img style="height: 50px;" src="https://d3k81ch9hvuctc.cloudfront.net/company/XfPy36/images/908d9d5c-331a-4926-aa5f-25ee41d944d4.png" alt="Checkout Now" /></a></p>
</div>