In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.
Hover over a CTA and click the Actions>Edit, or click Create CTA.
In the slide-in panel, scroll down and click Advanced options.
There are two ways you can apply custom CSS styling to your CTA:
If you want to add a custom class to your CTA, the Custom CSS Classfield supports custom class inputs. This is useful when multiple CTAs across your website pages need to share a similar set of design characteristics, such as font families, sizing, or even padding and margins. If you use a custom CSS class, ensure that the class is included and styled in the CSS stylesheet applied as the main style for your HubSpot pages.
If you only want the custom styles to apply to the CTA you are editing, in the Custom CSS field, you can apply inline styling specific to that CTA. If you have an element of the CTA you would like to change, add a new style declaration here before saving your changes.
Please note: when applying custom CSS styling to your CTA, you should only use either the Custom CSS class or the Custom CSS option. If both options are applied, it may result in issues with your CTA styling or display.