custom_tab_buttons.html

<style>
.cbutton {
    border-radius: 20px;
    border: 4px solid;
    border-color: #cc7b19;
    padding: 0px;
    width: auto;
    height: auto;
    background-color: #cc7b19;
    position: relative;
    text-align: center;
}
.cbutton:hover { opacity: .8; }
.cbuttontitle  { color: #fff; }
</style>
<div class="row">
    <div class="col-lg-2 col-sm-2"></div>
    <div class="col-lg-4 col-sm-4 streamingButtonCustom">
        <div class="panel cbutton"><a onclick="tabActions(event,'TAB-NAME',1);" href="#">
            <div class="waves-effect waves-light btn cbuttontitle">CUSTOM BUTTON TEXT
              <div class="pull-right">
                <!--<i class="ti-search"></i>-->
              </div>
            </div>
        </div>
        </a>
    </div>

    <div class="col-lg-4 col-sm-4 searchButtonCustom">
        <div class="panel cbutton"><a onclick="tabActions(event,'TAB-NAME',1);" href="#">
            <div class="waves-effect waves-light btn cbuttontitle">CUSTOM BUTTON TEXT
              <div class="pull-right">
                <!--<i class="ti-search"></i>-->
              </div>
            </div>
        </div>
        </a>
    </div>
    <div class="col-lg-2 col-sm-2"></div>
    <!-- /.col-lg-4 -->
</div>