I have the following checkout code to insert on a Webflow block. How can I set style, colors, fonts, etc of the displayed code?
<script src="https://cdn.chec.io/js/embed.js"></script>
<a href="https://checkout.chec.io/icqo4Y" data-chec-product-id="icqo4Y">Buy Now</a>
Sorry, I'm not a programmer or developer and can't find out any easy for me how to guide.
My goal is to have a button with following characteristics:
background color: #d36868
Font: Monserrat 20 px
Shape: Square
Text: Buy
Like this?
[data-chec-product-id] {
display: inline-block;
background-color: #d36868;
font-family: 'Montserrat', sans-serif;
font-weight: 100;
font-size: 20px;
text-decoration: none;
border: 1px outset blue;
height: 25px;
width: 50px;
text-align: center;
}
[data-chec-product-id]:hover {
background-color: blue;
color: white;
}
<script src="https://cdn.chec.io/js/embed.js"></script>
<a href="https://checkout.chec.io/icqo4Y" data-chec-product-id="icqo4Y">Buy</a>