Why isn't my reusable CSS button style rendering properly?

Store Design
1

Hi,

I want to design a button style I can reuse everywhere.

I created a css file in the assets with the following code:

.thewbutton {
border: 2px solid #04AA6D;
border-radius: 4px;
color: white;
padding: 5px 80px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
background-color: #04AA6D;
}

I then added the following to the theme.liquid:

{{ ‘thewbutton.css’ | asset_url | stylesheet_tag }}

In a page the following does not render the style of the button, What am I missing?

Google

Thank you in advance.

JP

2

Nevermind it works!