SR Element Button

This module renders a single button built from one CTA configuration, choosing between a HubSpot CTA object, a payment button, a plain link, or a modal trigger, with style, size, color state, and optional icon settings.

Pick it over the card, graphic, or client modules when the section needs just a standalone clickable action with no image or body copy attached. It expects a link, CTA, or payment object depending on the selected cta_type and renders nothing else on its own.

Use cases

Standalone call to action button
Watch demo button
Buy now payment button
Open modal trigger button
Link out to external page
Closing cta after a content block

Where it fits

Included with: Core
Page sections: Cta, Utility, Form

Editable fields

Content tab

Button Repeats: min 0, default 1.

Field	Type	Notes
CTA Type	Choice	Options: HubSpot CTA, HubSpot Payment, Button, Modal.
CTA Style	Choice	26 options, including Primary, Secondary, Tertiary.
CTA	CTA
Button Text	Text
Modal Target	Text
Link	Link
Payment link	Payment
Checkout behavior	Choice	Options: Open in a new tab, Sliding overlay.
CTA Size	Choice	Options: Small, Default, Large.
Add icon	Boolean

Button › Default

Field	Type	Notes
Background	Color
Text	Color
Border	Color

Button › Hover

Field	Type	Notes
Background	Color
Text	Color
Border Color	Color

Button › Icon

Field	Type	Notes
Icon	Icon
Position	Choice	Options: Left, Right.
Purpose	Choice	The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic.

Style tab

Change log

Version	Change
1.0.0	Stardust updates release