CTAs
SPARK TSL - Turquoise Button (Template for cloning) - Class name: turquoise
SPARK TSL - Turquoise Button, Transparent BG on hover (Template for cloning) - Class names: turquoise transparent-hov
SPARK TSL - White Button (Template for cloning) - Class name: white
SPARK TSL - Blue Button (Template for cloning) - Class name: blue
SPARK TSL - Transparent Bg/Turquoise Text (Template for cloning) - Class name: transparent-turq-text
SPARK TSL - Transparent Bg/White Text (Template for cloning) - Class name: transparent-white-text
Each of the above CTAs has been created as a template to clone from when creating a new CTA. This will ensure that the CTA styles and previews are consistent throughout the site.
If you need to re-style an existing legacy CTA, you can open it in the editor, set the button style to "Link (No style)" and then add one of the above classes to automatically apply all corresponding styling (including hover effects).
You may notice that the above template CTAs all have some additional CSS styling which has been set in the editor. This styling is applied only to the preview, for reference purposes. Only a class name is required to apply the styling on an actual page.