Having issues creating a gradient effect on my secondary buttons

Hi!

I want to make the buttons on my 'Other Work' section have a gradient effect. I copied the CSS code from 'InsidetheSquare" which is this:

.sqs-button-element--secondary{
background: #414d0b;
background: -webkit-linear-gradient(to right, #727a17, #414d0b);
background: linear-gradient(to right, #727a17, #414d0b);
}

That code didn't work so then I added the block id:

#block-yui_3_17_2_1_1693964810046_293498 .sqs-button-element--secondary{
background: #414d0b;
background: -webkit-linear-gradient(to right, #727a17, #414d0b);
background: linear-gradient(to right, #727a17, #414d0b);
}

Unfortunately, that isn't working either. If any of ya'll can help me that would be greatly appreciated!

@socialala Hi, You can try this code snippet:

.sqs-button-element--secondary {
	background: #414d0b !important;
	background: -webkit-linear-gradient(to right, #727a17, #414d0b) !important;
	background: linear-gradient(to right, #727a17, #414d0b) !important;
}

If it doesn't work or if you would like to make any modifications, please feel free to share your site's URL so that I can take a closer look. Thank you!