Want to style your button different ? Try this circle hover on elementor just follow the steps below.
Step 1 : First add a section then place the column on it.
Step 2 : Then choose the one column structure since we will only place one widget.
Step 3 : From the widget panel, drag a button widget on the column.
Step 4 : Add some icon on your button and set it on before the text and add some minimal spacing.
Step 5 : On the Style Tab of the widget do this Text color : #00A792 and background-color : #00A79257.
Step 6 : Set the following for the button border-radius : 1000px padding :20px 19px 20px 20px
Step 7 : For the box shadow horizontal -105px and position inset
Step 8 : Hover effects of the button text-color : #ffff and background-color #00A792
Step 9 : Add this css style
box-shadow: 0px 0px 0px 0px #FFFFFF inset;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
Thanks for Reaching This Far! 🙂
I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!
If you have more concerns or have encountered other issues, let us know in the comments section!
