Customer marketing confirmation: Change Button

Hi!

I would like to change the button in my Customer marketing confirmation. Now it is off-center and fully coloured. I would like it to be centred and only appear with outlines, no fill-in colour. How can I change that?

Further, I would like to change the font in the whole text body.

Thank you so much for your help.

Thank you for your help!

Here is a screenshot of how it currently looks.

This is how I want the button to look:

Here is the email body HTML:






{% capture email_title %}Confirm Your Subscription {% endcapture %}
{% capture email_body %}Before we send you emails, you need to confirm that you want to receive our newsletter.
If you didn’t subscribe, then you don’t need to do anything. We will not add you to our list unless you click on the button above.
If you have any questions, you can reach us at {{ shop.email }}.{% endcapture %}

{{ email_title }} .button__cell { background: {{ shop.email_accent_color }}; } a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; } body { background-color: #F3F1E3; }





{%- if shop.email_logo_url %} <img style="margin: auto; display: block;" src=" {{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}" {%- else %}

{{ shop.name }}

{%- endif %}






{{ email_title }}


<br

{% if shop.url %}


Yes, I want to subscribe
{% endif %}


{{ email_body }}