<div class="pb-bottomnav">
            <div class="pb-flex">
                <div class="pb-flexitem pb-is-center">
                    <div class="pb-bottomnav_button pb-bottomnav_button--active">
<svg viewbox="0 0 24 24" class="pb-icon
 pb-icon--bottomnav
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_mail"/>
</svg>
                        <label class="pb-bottomnav_label">Action 1</label>
                    </div>
                </div>
                <div class="pb-flexitem pb-is-center">
                    <div class="pb-bottomnav_button">
<svg viewbox="0 0 24 24" class="pb-icon
 pb-icon--bottomnav
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_search"/>
</svg>
                        <label class="pb-bottomnav_label">Action 2</label>
                    </div>
                </div>
                <div class="pb-flexitem pb-is-center">
                    <div class="pb-bottomnav_button">
<svg viewbox="0 0 24 24" class="pb-icon
 pb-icon--bottomnav
">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/gui.svg#pb-icon_print"/>
</svg>
                        <label class="pb-bottomnav_label">Action 3</label>
                    </div>
                </div>
            </div>
        </div>