CTA Patterns

CTA 1 Instructions (DELETE)

Add a 4th CTA: Duplicate the last Column block in CTA 1 and open the new Columns Advanced block control panel and change --i:6 in Additional CSS to --i:9, this will add the correct fade-up delay to the last CTA.

Change Arrow: The arrow icon is now set using the SVG block, simply click the paragraph in the CTA then in the left sidebar List view select the SVG block and change the SVG, you will need to do this for each CTA. You will need to make sure the SVG width is set to about 5% to make it responsive (Make sure you use %).

Styling: Custom CSS has been moved into CTA1 columns blocks Custom Header Styles, this outputs the CSS directly to the header styles preventing the need to move CSS to the stylesheet.
The animation delay has been added to the 2nd and 3rd Column Blocks Advanced -> Additional CSS attribute as --i:3 and --i:6