Buttons make it easy for your visitors to find the information they need and is also an effective way to encourage them to visit specific pages on your website. It is possible to find the Button 2 and Button 3 Modules in the Basic Modules menu, add it to your website by dragging it from the top bar to a row or column of your preference.
What is the difference between Button, Button 2 and 3?
The three button modules are completely alike in functionality. The only difference between Button 2 and 3 is that Button 3 inherits the Global Styling properties from Button 1 while Button 2 doesn't inherit any styling.
The idea of Button 3 inheriting styling from Button 1 is that you can have two types of buttons that look similar but differ in a few parameters such as text color or size of the button. This makes it easier for you to differentiate design elements on a more granular level, without needing to style elements locally.
You could then style Button 2 completely differently from Button 1 and 3. For example, you could style it in light colors so you can use it on darker backgrounds where Button 1 and 3 might not be ideal.
So why have three button modules?
The main reason is Global Styling. With three button modules you don't have to differentiate the button locally every time you have to make changes.
Consider this scenario: You have many images on your website, some bigger and some smaller. You'd like to place a big button under your large images and you'd like a smaller button to be placed under smaller images.
In this case, you may have styled your Button in Global Styling to have the styling of the big button and you have styled Button 2 in Global Styling to have the look of the smaller buttons. Thus, in this way, you don't have to make changes locally when you want to differentiate a button styling, you just select the other button with its global styling.