hostyle01

Thanks @Lesum that worked when I applied it to the medium button block and form field, thanks for your help!

@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! 

Try going to Website and then Website Tools.
Or you can press the forward slash key and then type CSS

Try adding to Design > Custom CSS
header.Header .Header-search-form-submit { background-image: url(https://cdn.pixabay.com/photo/2021/10/03/04/21/woman-6676901__340.jpg); background-size: contain; } header.Header .Header-search-form-submit svg { visibility: hidden; }