gnx-btn btn-border-dark
Purchase Geniux<a href="#" class="gnx-btn btn-border-dark" role="button">Purchase Geniux</a>
Shortcode Usage Demo
gnx-btn btn-border-white
Purchase Geniux<a href="#" class="gnx-btn btn-border-white" role="button">Purchase Geniux</a>
gnx-btn btn-border-blue
Purchase Geniux<a href="#" class="gnx-btn btn-border-blue" role="button">Purchase Geniux</a>
gnx-btn btn-transparent-white
Purchase Geniux<a href="#" class="gnx-btn btn-transparent-white" role="button">Purchase Geniux</a>
gnx-btn btn-transparent-blue
Purchase Geniux<a href="#" class="gnx-btn btn-transparent-blue" role="button">Purchase Geniux</a>
Add the class .btn-large, .btn-small or .btn-xsmall to change the default theme button size.
Use the .button-rounded class for a rounded border button.
gnx-btn gnx-btn-default
Large button Default button Small button Extra-small button<a href="#" class="gnx-btn gnx-btn-default" role="button">Default button</a>
<a href="#" class="gnx-btn gnx-btn-dark" role="button">Default button</a>
<a href="#" class="gnx-btn gnx-btn-white" role="button">Default button</a>
<a href="#" class="gnx-btn gnx-btn-blue" role="button">Default button</a>
gnx-btn-slide
<button onclick="location.href='#'" type="button" class="gnx-btn-slide" data-hover="click me!"> <span>Default button</span> </button>
gnx-btn-slide btn-dark
<button onclick="location.href='#'" type="button" class="gnx-btn-slide btn-dark" data-hover="click me!"> <span>Default button</span> </button>
gnx-btn-reveal btn-dark show-icon
Learn More Learn More Learn More Learn More
<a href="#" class="gnx-btn-reveal btn-dark show-icon" role="button" title="Learn More">Learn More</a>
<a href="#" class="gnx-btn-reveal btn-blue show-icon" role="button" title="Learn More">Learn More</a>
<a href="#" class="gnx-btn-reveal btn-white show-icon" role="button" title="Learn More">Learn More</a>