<!-- =============== primary btns -->
                      <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                        <a href="#" class="btn btn-primary btn-xs sweep_letter sweep_top ">
                          <div class="inside_item">
                            <span data-hover="Button text">Button text </span>
                          </div>
                        </a>
                      </div>
                      <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                        <a href="#" class="btn btn-primary btn-sm sweep_letter sweep_top ">
                          <div class="inside_item">
                            <span data-hover="Button text">Button text </span>
                          </div>
                        </a>
                      </div>
                      <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                        <a href="#" class="btn btn-primary btn sweep_letter sweep_top ">
                          <div class="inside_item">
                            <span data-hover="Button text"> Button text </span>
                          </div>
                        </a>
                      </div>
                      <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                        <a href="#" class="btn btn-primary btn-lg border-0 sweep_letter sweep_top ">
                          <div class="inside_item">
                            <span data-hover="Button text">Button text </span>
                          </div>
                        </a>
                      </div>
                      <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                        <a href="#" class="btn btn-primary btn-xl sweep_letter sweep_top ">
                          <div class="inside_item">
                            <span data-hover="Button text">Button text </span>
                          </div>
                        </a>
                      </div>
                    
                    

                    
                      <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-secondary btn-xs sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-secondary btn-sm sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-secondary btn sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text"> Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-secondary btn-lg border-0 sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-secondary btn-xl sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>
                    
                    
                      

                    
                      <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-white btn-xs sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-white btn-sm sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-white btn sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text"> Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-white btn-lg border-0 sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>
                    <div class="col-lg-auto col-md-4 col-lg-2 mb-20">
                      <a href="#" class="btn btn-white btn-xl sweep_letter sweep_top ">
                        <div class="inside_item">
                          <span data-hover="Button text">Button text </span>
                        </div>
                      </a>
                    </div>