Cta 53 - Slim call to action link row

Pro

A slim edge-to-edge call to action row between full-width rules: a heading and one line on the left and a round arrow button on the right, with the whole row as one link that fills on hover.

Shadcn Cta 53 block

Component data

ID
cta53
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Cta 53 block design & features

The block is one slim row framed by thin rules that run the full width of the page. The whole row is a single link.

On the left are a heading and one supporting line. On the right is a round primary button with an arrow.

On hover a muted fill sweeps across the full width from the left. For visitors who prefer reduced motion the fill appears without the sweep, and the row has a visible keyboard focus outline.

On mobile the heading and button shrink and stay on one row.