
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.
Copy component

{"content":[{"id":"aitqym","name":"button","parent":"wvcdlq","children":[],"settings":{"text":"Call us now","style":"primary","_cssCustom":"#brxe-aitqym {\n box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.22),\n 0px -5px 5px 0px rgba(0,0,0,0.22) inset,\n 0px 15px 12px -8px rgba(255,255,255,0.22) inset;\n}","_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_background":{"color":{"hex":"#f47e6c"}},"_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-family":"Red Hat Display","font-weight":"700","font-size":"19"},"_padding":{"left":"25","right":"25","bottom":"13","top":"13"},"icon":{"library":"ionicons","icon":"ion-ios-call"},"_cssTransition":"200ms","iconPosition":"left"}}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[],"globalElements":[]}
Similar components


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.


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