<!-- Basic Buttons  -->
                                         <button  class="gk-button">basic</button>
                                         <button  class="gk-button button-primary gk-ripple">primary</button>
                                         <button  class="gk-button button-success">success</button>
                                         <button  class="gk-button button-danger">danger</button>
                                         <button  class="gk-button button-info">info</button>
                                         <button  class="gk-button button-dark">dark</button>
                         
                                         <!-- Outlined Buttons -->
                                         <button  class="gk-button button-outlined">rounded</button>
                                         <button  class="gk-button button-outlined button-outline-primary">primary</button>
                                         <button  class="gk-button button-outlined button-outline-success">success</button>
                                         <button  class="gk-button button-outlined button-outline-danger">danger</button>
                                         <button  class="gk-button button-outlined button-outline-info">info</button>
                                         <button  class="gk-button button-outlined button-outline-dark">dark</button>
                         
                                         <!-- Badge Buttons -->
                                         <button  class="gk-button button-outlined"  data-badge="12">Basic</button>
                                        
                         
                                         <!-- Tooltip Buttons -->
                                         <button  class="gk-button button-outlined button-outline-success"  data-tooltip="success">success</button>