Creating gradient outline buttons

@hostyle01 Hi, You can add this code snippet to create a gradient outline button styled as per the attached image:

#siteWrapper.site-wrapper .sqs-button-element--primary {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative !important;
	background: linear-gradient(white, white) padding-box, linear-gradient(to right, #daa480 25%, #a3eeff) border-box;
	border: solid 10px transparent !important;
	border-radius: 300px !important;
}

#siteWrapper.site-wrapper .sqs-button-element--primary::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: inherit;
}

#siteWrapper.site-wrapper .sqs-button-element--primary {
	color: #4396b6 !important
}

All the buttons on your website are currently set as tertiary/small. To apply the code and impact the design, you'll need to switch the button style to primary/medium. You can make this adjustment in the button type and padding settings under site styles. Let me know how it goes. Thanks!