Every page needs a button, and they never quite match
A landing page lives or dies on its buttons, but the default one your theme hands you is flat. The next section wants a lighter one, and a third needs an icon. Styling each by hand in CSS — matching padding, hover colour and radius across all of them — is the fiddly job nobody enjoys.
The Button block gives you a consistent, on-brand button you build from the sidebar. It inherits your theme’s look to start with, then every choice — style, size, icon, hover — is a control, so the whole set stays in step across the page.
It takes seconds. Type the label, paste the link, and pick a style and size from the toggles. Want an icon? Choose one and place it before or after the text. Set a hover colour and a touch of motion, and the preview shows exactly what a visitor will see.
See it work
The fill style, for your main action. A solid button that carries the primary call-to-action.
Outline, for a secondary action. The same block with a lighter, bordered look.
Ghost, for the quietest link. Text only, no fill or border, until the pointer arrives.
Large, with an icon and a lift on hover. A bigger size, an arrow after the label, and a small motion when the pointer lands.
Ready to place your next call to action?
The Button block ships inside Flexa Block. Install the plugin and it’s waiting in your editor the next time you open a page.
