This is a button

<a class="button light-blue" href="https://www.free-css.com/free-css-templates">Text</a>

This is a button

<a class="button light-purple" href="https://www.free-css.com/free-css-templates">Text</a>

This is a button

<a class="button light-pink" href="https://www.free-css.com/free-css-templates">Text</a>

This is a button

<a class="button light-brown" href="https://www.free-css.com/free-css-templates">Text</a>

This is a button

<a class="button light-teal" href="https://www.free-css.com/free-css-templates">Text</a>

This is a button

<a class="button lime" href="https://www.free-css.com/free-css-templates">Text</a>

This is a button

<a class="button red" href="https://www.free-css.com/free-css-templates">Text</a>

This is a button

<a class="button orange" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button yellow" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button green" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button teal" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button turqoise" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button blue" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button purple" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button pink" href="https://www.free-css.com/free-css-templates">Text</a>

<a class="button gray" href="https://www.free-css.com/free-css-templates">Text</a>