Adding some CSS code can turn a single line callout block link into a button.

Adding buttons to your site is an important part of engaging users and prompting action, like signups or purchase.

Making a button from a callout

Here is a way to turn a callout into a button using some Custom CSS code.

First, in Notion:

1. Add a callout block
2. Add the text for the button label
3. Select that text and make it a link, and add the URL

Next, in Super:

1. Add this CSS code to the Code > CSS section of your site's dashboard and save.

Adding some button styling goodness

1. Make the callout have a light blue background, then the following CSS code will style this into a button in Super.
2. Next, in Super add the following CSS code to the Code > CSS section of your site's dashboard and save.

The button will appear like so:

You can edit the code above to change the color of the button.