Add colored border to the add to cart button

[jtorres]

Hello, I would like to add a black border to the add to cart button.

This is my current add to cart button:

I want it to look like this:

This is my website: https://innovamaxx.co/products/gamer-onikuma-k1b-pro

Thanks for your help on advance!

[ReturnPrime]

Hey @jtorres ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file.

.single_add_to_cart_button {
    outline: 3px solid #000;
    color: #000;
    background: #75d66e;
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

[jtorres]

Hey @ReturnPrime , It worked amazingly. Thank you very much for your help!

Could you also help me with this:

How can I make the selected text, light, instead of bold as it is?

Link: https://innovamaxx.co/products/pm

[ReturnPrime]

please add this to your CSS file.

.swatch__title {
   font-weight: 400;
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

[jtorres]

Thank you so much @ReturnPrime ! It worked perfectly!

Could I ask for a last favour.

How can I reduce the space in between this to texts:

Link: https://innovamaxx.co/products/pm

[ReturnPrime]

please add this to your CSS file.

.product-quickview .entry-summary>:not(:last-child), .sp-single .entry-summary>:not(:last-child), .type_featured-product .entry-summary>:not(:last-child) {
    margin-bottom: 10px !important;
}