Dock

    <div class="dock my-2" style="width: 100%">
        <button class="dock-item">
            <span>Home</span>
        </button>
        <button class="dock-item active">
            <span>Inbox</span>
        </button>
        <button class="dock-item">
            <span>Settings</span>
        </button>
    </div>
    

    <div class="dock my-2">
        <button class="dock-item">
            <div class="icon md">
                <i class="fa-solid fa-house"></i>
            </div>
            <span>Home</span>
        </button>

        <button class="dock-item active">
            <div class="icon md">
                <i class="fa-solid fa-inbox"></i>
            </div>
            <span>Inbox</span>
        </button>

        <button class="dock-item">
            <div class="icon md">
                <i class="fa-solid fa-gear"></i>
            </div>
            <span>Settings</span>
        </button>
    </div>