
Julian Galluzzo
Fix With AI Button
A clean button with a gradient, border, and a box shadow. On hover, the shadow expands and the button gets bigger.
Copy component

{"content":[{"id":"ajvfum","name":"div","parent":"vjemgq","children":["juiatz","djsogh"],"settings":{"_display":"flex","_direction":"row","_justifyContent":"center","_alignItems":"center","_padding":{"bottom":"20","top":"20","left":"30","right":"30"},"_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-family":"Manrope"},"_columnGap":"20","_gradient":{"colors":[{"id":"cfjwmg","color":{"hex":"#1414ff"}},{"id":"wssnsv","color":{"hex":"#6ab1f3","id":"vqhiae","name":"Color #1"}}]},"tag":"a","_border":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"},"width":{"bottom":"2","top":"2","left":"2","right":"2"},"style":"solid","color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_boxShadow":{"values":{"offsetY":"2","blur":"10","spread":"5"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.08)","hsl":"hsla(0, 0%, 0%, 0.08)"}},"_boxShadow:hover":{"values":{"offsetY":"2","blur":"10","spread":"5"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.13)","hsl":"hsla(0, 0%, 0%, 0.13)"}},"_transform:hover":{"scaleX":"1.05","scaleY":"1.05"},"_cssTransition":"all 200ms ease"},"label":"AI Button"},{"id":"juiatz","name":"icon","parent":"ajvfum","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-wand-magic-sparkles"},"iconColor":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"iconSize":"20"},"themeStyles":{}},{"id":"djsogh","name":"div","parent":"ajvfum","children":["vmxksu"],"settings":{},"label":"Button Text"},{"id":"vmxksu","name":"text-basic","parent":"djsogh","children":[],"settings":{"text":"Fix with AI","_typography":{"font-size":"20","line-height":"1","font-weight":"500"}},"label":"Text"}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[],"globalElements":[]}
Similar components


Julian Galluzzo
3D Shadow Button
Add some realism to your design with this custom CSS button containing inner shadows to create a realistic 3D raised effect.


Julian Galluzzo
Dark Play Store Button
A clean, simple, and dark button prompting your visitors to download your app in the Google Play Store.