<div class="mb-3">
                <div class="btn-group" role="group" aria-label="Basic example">
                    <button type="button" class="btn btn-theme">Left</button>
                    <button type="button" class="btn btn-theme">Middle</button>
                    <button type="button" class="btn btn-theme">Right</button>
                </div>
            </div>
            <div class="btn-group" role="group" aria-label="Basic example 2">
                <button type="button" class="btn btn-outline-accent active">Left</button>
                <button type="button" class="btn btn-outline-accent">Middle</button>
                <button type="button" class="btn btn-outline-accent">Right</button>
            </div>

            <div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
                <input type="checkbox" class="btn-check" id="btncheck1">
                <label class="btn btn-outline-theme" for="btncheck1">Checkbox 1</label>
                                    
                <input type="checkbox" class="btn-check" id="btncheck2">
                <label class="btn btn-outline-theme" for="btncheck2">Checkbox 2</label>
                                    
                <input type="checkbox" class="btn-check" id="btncheck3">
                <label class="btn btn-outline-theme" for="btncheck3">Checkbox 3</label>
            </div>

            <div class="btn-group" role="group" aria-label="Basic radio toggle button group">
                <input type="radio" class="btn-check" name="btnradio" id="btnradio1" checked>
                <label class="btn btn-outline-primary" for="btnradio1">Radio 1</label>
                                    
                <input type="radio" class="btn-check" name="btnradio" id="btnradio2">
                <label class="btn btn-outline-primary" for="btnradio2">Radio 2</label>
                                    
                <input type="radio" class="btn-check" name="btnradio" id="btnradio3">
                <label class="btn btn-outline-primary" for="btnradio3">Radio 3</label>
            </div>

            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                <button type="button" class="btn btn-theme">Button 1</button>
                <button type="button" class="btn btn-theme">Button 2</button>
                                    
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-theme dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                        Dropdown 1
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                        <li><a class="dropdown-item" href="#">Dropdown link</a></li>
                    </ul>
                </div>
            </div>

            <div class="btn-group-vertical" role="group" aria-label="Vertical button group">
                <button type="button" class="btn btn-theme">Button</button>
                <button type="button" class="btn btn-theme">Button</button>
                <button type="button" class="btn btn-theme">Button</button>
                <button type="button" class="btn btn-theme">Button</button>
            </div>

            <div class="btn-group" role="group" aria-label="button group">
                <button type="button" class="btn btn-primary">Button primary</button>
                <button type="button" class="btn btn-theme">Button theme</button>
                <button type="button" class="btn btn-accent">Button accent</button>
                <button type="button" class="btn btn-success">Button success</button>
            </div>