Buttons allow users to take actions, and make choices, with a single tap. The use of buttons is a great way to convert passive engagements, like viewing a content, to action-based interactions, like downloading or sharing an asset from your page, content reactions via emoji, signing up for a service, or registering for an event, etc.
Buttons communicate actions that users can take. They are typically placed throughout your site, and they should be easy to find and should be identifiable while clearly indicating the action they allow a user to complete. In the theme editor, you can customize the primary and secondary buttons' background color, border, font color, and font color on hover in your preferred style.
To change the button background color, border, and font color on hover using the theme editor:
Under Sites Basics, click on Links and Buttons from the left editing menu;
Edit the hex color codes for the Link, Link Interaction, Primary Button and Primary Button Interaction depending on your preference;
You may modify the primary button's border width and radius by adjusting the size, in the corresponding fields;
Click on Publish for the changes to apply to your site.