Stripe-Style Gradient Button

A subtle indigo-to-violet gradient, moderate corner radius, and a soft lift-on-hover transition — the combination widely used across SaaS marketing sites for a primary call-to-action button.

btnUseGradient: true  ·  btnBg: #6366f1  ·  btnBg2: #8b5cf6  ·  btnText: Get started  ·  btnPadX: 28  ·  btnPadY: 14  ·  btnRadius: 8  ·  btnFontSize: 16  ·  btnFontWeight: 600  ·  btnShadow: true  ·  btnHover: lift  ·  btnDuration: 0.2

Frequently asked questions

What gradient angle works best for a CTA button?

A left-to-right or slightly diagonal gradient between two adjacent hues (like indigo to violet here) reads as intentional branding rather than a jarring color clash.

What does the "lift" hover effect do?

It nudges the button up a few pixels and deepens its shadow on hover, giving a subtle sense of the button "lifting" toward the cursor — a common SaaS-site pattern.

Can I change the button text?

Yes, edit the button text field directly in the live tool — the preset just sets a sensible starting label.