CSS Button Development

This is not as polished as I want but here are a couple of designs based around CSS: Attachment 134456
In Preview, the Next/Previous buttons move between the pages showing their style.

The Rules of Engagement are:

1. Decide on the Font, Size and its Decoration - all these are totally flexible but it's good to have a baseline.
2. Give each Button a Link.
3. Select each Button's text, or all at once, and add in Name htmlclass="button"; all CSS coding is keyed to this.
4. For your design, copy in my Website > Head CSS into yours. You can change all the --variables' values to match you design.
5. For the required button style, copy in the Page > Body CSS to yours.

You only see the Button styling in Preview, not in the design.

If you want the text to be rotated, you need to do it with CSS as well and not in Xara.

These buttons are lightweight, render as text and can do far, far more.

Acorn