Button Composition
Magic Button · Exploded view
01 GLOWsame conic-gradientinset −6px · blur(12px)pulse 2s · opacity + scale
02 BORDERconic-gradient(from var(--angle))clipped to border-box1.5px transparent border
03 FILLlinear-gradient(var(--background))clipped to padding-boxfollows light / dark themes
Get Started
04 LABEL“Get Started”text-sm · font-mediumforeground on background
ComponentMagic Button
Sheet1 / 1
Scale2.3 : 1
Layers4