At first the idea for this plugin was to have components that were defined in a website design in a custom plugin. This client had a custom design in Figma and it had to be converted into a WordPress website using Kadence. There were various items that were repeated in different parts of the web page with different settings.
In some cases it was enough to use patterns but for other elements it was better to develop a custom gutenberg block.
This button has a specific design and takes the href attribute from an input in the settings section of the block. This way, it was possible to have a button for large screens that opens a pop up with a phone number through an href #id and another for small screens with an href tel