Buttons | Elastic Pro

Button Style 1

BUTTON BUTTON BUTTON

            
        <div class="row">
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-primary btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-primary btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-primary btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-1">
                <a class="btn btn-sm btn-secondary btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-secondary btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-secondary btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-1">
                <a class="btn btn-sm btn-success btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-success btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-success btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-1">
                <a class="btn btn-sm btn-danger btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-danger btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-danger btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
        </div>

Button Style 2

BUTTON BUTTON BUTTON

            
        <div class="row">
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-primary btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-primary btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-primary btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-2"><a class="btn btn-sm btn-secondary btn-style-2" href="#" title="Button">BUTTON</a> 
                <a class="btn btn-md btn-secondary btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-secondary btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-2">
                <a class="btn btn-sm btn-success btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-success btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-success btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-2">
                <a class="btn btn-sm btn-danger btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-danger btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-danger btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
        </div>

Button Style 3

BUTTON BUTTON BUTTON

            
        <div class="row">
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-primary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-primary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-primary btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-3">
                <a class="btn btn-sm btn-secondary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-secondary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-secondary btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-3">
                <a class="btn btn-sm btn-success btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-success btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-success btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12 btn-style-3">
                <a class="btn btn-sm btn-danger btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-danger btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-danger btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
        </div>

Button Style 4

BUTTON BUTTON BUTTON

            
        <div class="row">
            <div class="col-lg-2 col-md-6 col-sm-12 col-12"><a class="btn btn-sm btn-outline-primary btn-style-1" href="#" title="Button">BUTTON</a> 
                <a class="btn btn-md btn-outline-primary btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-primary btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12"><a class="btn btn-sm btn-outline-secondary btn-style-1" href="#" title="Button">BUTTON</a> 
                <a class="btn btn-md btn-outline-secondary btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-secondary btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-success btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-success btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-success btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-danger btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-danger btn-style-1" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-danger btn-style-1" href="#" title="Button">BUTTON</a>
            </div>
        </div>

Button Style 5

BUTTON BUTTON BUTTON

            
        <div class="row">
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-primary btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-primary btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-primary btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-secondary btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-secondary btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-secondary btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-success btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-success btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-success btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-danger btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-danger btn-style-2" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-danger btn-style-2" href="#" title="Button">BUTTON</a>
            </div>
        </div>

Button Style 6

BUTTON BUTTON BUTTON

            
        <div class="row">
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-primary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-primary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-primary btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-secondary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-secondary btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-secondary btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-success btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-success btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-success btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
            
            <div class="col-lg-2 col-md-6 col-sm-12 col-12">
                <a class="btn btn-sm btn-outline-danger btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-md btn-outline-danger btn-style-3" href="#" title="Button">BUTTON</a> <a class="btn btn-lg btn-outline-danger btn-style-3" href="#" title="Button">BUTTON</a>
            </div>
        </div>

Button Style 7

BUTTON BUTTON BUTTON

        
    <div class="row">
        <div class="col-lg-2 col-md-6 col-sm-12 col-12">
            <a class="btn btn-sm btn-primary btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-md btn-primary btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-lg btn-primary btn-style-7" href="#" title="Button">BUTTON &nbsp;</a>
        </div>
        
        <div class="col-lg-2 col-md-6 col-sm-12 col-12">
            <a class="btn btn-sm btn-secondary btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-md btn-secondary btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-lg btn-secondary btn-style-7" href="#" title="Button">BUTTON &nbsp;</a>
        </div>
        
        <div class="col-lg-2 col-md-6 col-sm-12 col-12">
            <a class="btn btn-sm btn-success btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-md btn-success btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-lg btn-success btn-style-7" href="#" title="Button">BUTTON &nbsp;</a>
        </div>
        
        <div class="col-lg-2 col-md-6 col-sm-12 col-12">
            <a class="btn btn-sm btn-danger btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-md btn-danger btn-style-7" href="#" title="Button">BUTTON &nbsp;</a> <a class="btn btn-lg btn-danger btn-style-7" href="#" title="Button">BUTTON &nbsp;</a>
        </div>
    </div>