<div class="button-small">
              <div class="normal-btn">
                <button type="button" class="btn btn-primary">Button</button>
                <button type="button" class="btn btn-secondary">Button</button>
                <button type="button" class="btn btn-success">Button</button>
                <button type="button" class="btn btn-danger">Button</button>
                <button type="button" class="btn btn-warning">Button</button>
                <button type="button" class="btn btn-info">Button</button>
                <button type="button" class="btn btn-light">Button</button>
                <button type="button" class="btn btn-dark">Button</button>
              </div>
              <div class="outline-btn">
                <button type="button" class="btn btn-outline-primary">Button</button>
                <button type="button" class="btn btn-outline-secondary">Button</button>
                <button type="button" class="btn btn-outline-success">Button</button>
                <button type="button" class="btn btn-outline-danger">Button</button>
                <button type="button" class="btn btn-outline-warning">Button</button>
                <button type="button" class="btn btn-outline-info">Button</button>
                <button type="button" class="btn btn-outline-light">Button</button>
                <button type="button" class="btn btn-outline-dark">Button</button>
              </div>        
            </div>

    <div class="button-medium">
              <h3>Medium buttons</h3>
              <div class="normal-btn">
                <button type="button" class="btn btn-primary">Button</button>
                <button type="button" class="btn btn-secondary">Button</button>
                <button type="button" class="btn btn-success">Button</button>
                <button type="button" class="btn btn-danger">Button</button>
                <button type="button" class="btn btn-warning">Button</button>
                <button type="button" class="btn btn-info">Button</button>
                <button type="button" class="btn btn-light">Button</button>
                <button type="button" class="btn btn-dark">Button</button>
              </div>
              <div class="outline-btn">
                <button type="button" class="btn btn-outline-primary">Button</button>
                <button type="button" class="btn btn-outline-secondary">Button</button>
                <button type="button" class="btn btn-outline-success">Button</button>
                <button type="button" class="btn btn-outline-danger">Button</button>
                <button type="button" class="btn btn-outline-warning">Button</button>
                <button type="button" class="btn btn-outline-info">Button</button>
                <button type="button" class="btn btn-outline-light">Button</button>
                <button type="button" class="btn btn-outline-dark">Button</button>
              </div>        
            </div>

    <div class="button-large">
              <div class="normal-btn">
                <button type="button" class="btn btn-primary">Button</button>
                <button type="button" class="btn btn-secondary">Button</button>
                <button type="button" class="btn btn-success">Button</button>
                <button type="button" class="btn btn-danger">Button</button>
                <button type="button" class="btn btn-warning">Button</button>
                <button type="button" class="btn btn-info">Button</button>
                <button type="button" class="btn btn-light">Button</button>
                <button type="button" class="btn btn-dark">Button</button>
              </div>
              <div class="outline-btn">
                <button type="button" class="btn btn-outline-primary">Button</button>
                <button type="button" class="btn btn-outline-secondary">Button</button>
                <button type="button" class="btn btn-outline-success">Button</button>
                <button type="button" class="btn btn-outline-danger">Button</button>
                <button type="button" class="btn btn-outline-warning">Button</button>
                <button type="button" class="btn btn-outline-info">Button</button>
                <button type="button" class="btn btn-outline-light">Button</button>
                <button type="button" class="btn btn-outline-dark">Button</button>
              </div>        
            </div>