@GRSM I am loving your button alternative, thank you! However I'm having a few issues. Tweaked the padding to my liking, but I'd love a space between the two buttons?
This is the page:
https://mekala-tinnin.squarespace.com/collection/lula
This is the code I'm embedding:
<script>
$(function() {
$("<a class='checkoutbutton' href='/LINK/'>ORDER A SAMPLE</a>").insertAfter(".sqs-add-to-cart-button");
});
I'm simply trying to create space between the add to cart and order a sample button.
It's also bugging me that the text isn't the same color, but I've adjusted "color: #cccccc;" a zillion times and it makes no difference. I assume I'm not missing anything there...
.checkoutbutton { font-family: proxima-nova; font-size: 13px; font-weight: normal; color: #cccccc; letter-spacing: 3px; font-style: light; text-align: center; width: 40px; text-decoration: none; padding: 18px 32px 18px 32px; background-color: #fef5f0;}.checkoutbutton:hover { color: #cccccc; background-color: #fef7f3;}
Thank you!!