Style

Alignment
Position the button to the left, center, or right within its wrapper.
Icon Gap
Control the space between the icon and text when Icon + Text is used.
Padding
Adjust the inner spacing of the button.
Text Color
Set the default text and icon color.
Background
Set the default button background color.
Saved Background
Set the background color for the saved state.
Hover Text Color
Set the text and icon color on hover and focus.
Hover Background
Set the background color on hover and focus.
Saved Text Color
Set the text and icon color after the product has been saved.
Border
Control the button border style and width.
Hover Border Color
Set the border color on hover and focus.
Saved Border Color
Set the border color for the saved state.
Icon Size
Control the icon size when the button uses an icon.
Border Radius
Adjust the roundness of the button corners.
Typography
Control the text styling for the button label.