How can I change the button to a gradient color

Hi all

I wonder if there is anyway that I can change my button color to a gradient of #8F1200, #631828, to #361D4F.

My site: kacy-jung.com

Attached an image to show the button I want to change (primary).

Many thanks

8 hours ago, Kacy-Jung said:

Hi all

 

I wonder if there is anyway that I can change my button color to a gradient of #8F1200, #631828, to #361D4F.

 

My site: kacy-jung.com

Attached an image to show the button I want to change (primary).

 

Many thanks

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.fe-block-yui_3_17_2_1_1718070962874_59572 .sqs-button-element--primary {
    background: radial-gradient(circle, rgba(143,18,0,1) 0%, rgba(99,24,40,1) 50%, rgba(54,29,79,1) 100%) !important;
}

Thank you!!

However, can I have a linear gradient from left to right? 

Also, is there any way that I can have two color choice or I can only have one option on squarespace? 

Thank you so much. This is amazing!

Also, I have another primary button in the bottom.

How do I change this one too? Many thanks!!!

1 hour ago, Kacy-Jung said:

Thank you!!

However, can I have a linear gradient from left to right? 

 

Also, is there any way that I can have two color choice or I can only have one option on squarespace? 

Thank you so much. This is amazing!

Yes you can