&lt;button data-wave="true" class="btn2"&gt;Button 2&lt;/button&gt;
&lt;button data-wave="true" class="btn3"&gt;Button 3&lt;/button&gt;
&lt;button data-wave="true" class="btn4"&gt;Button 4&lt;/button&gt;
&lt;button data-wave="true" class="btn5"&gt;Button 5&lt;/button&gt;</code></pre>

				<h4>less code</h4>

				<pre class="code"><code class="language-less">.btn1 { #ui.button(#2EC810, #FFF; }
.btn2 { #ui.button(#10C897, #FFF) }
.btn3 { #ui.button(#1069C8, #FFF); }
.btn4 { #ui.button(#3F10C8, #FFF); }
.btn5 