how to change the appearance of the web implemented version on a website from a green circle to my custom image inside the showit website builder

@george_axeman To change the appearance of the web implemented version of VAPI on your Showit website from a green circle to a custom image, you'll need to follow these steps: 1. Access your Showit account and open the website editor. 2. Navigate to the page where the VAPI is implemented. 3. Locate the VAPI widget or the HTML code block that you used to embed VAPI on your site. 4. Within the code or widget settings, look for the styling options or CSS that define the appearance of the VAPI button. 5. Replace the default styling or image URL with the URL of your custom image. Ensure that your custom image is hosted online and publicly accessible. 6. Adjust the width, height, and any other relevant CSS properties to accommodate your custom image's dimensions. 7. Save your changes and publish the updated website. If you're not familiar with HTML/CSS or if the VAPI implementation doesn't provide direct options to change the appearance, you may need to consult the documentation provided by VAPI or reach out to Showit support for assistance. If you have any issues or need further assistance with the VAPI customization, please let me know, and I'll be happy to help!

where exactly do i add the css? is it in some general setting or in te element itself?

@george_axeman checkout this code sandbox for customizing the apearance https://codesandbox.io/p/sandbox/tender-haslett-2s4nnq