<div data-ui="out-button" class="iqel-button-element zoom-out">
    <div class="iqel-state-layer">
        <svg class="iqel-button-icon" version="1.1" viewBox="4 4 18 16"
            xmlns="http://www.w3.org/2000/svg">
            <g class="iqel-zoom-icon" fill="none" stroke="#3c3c3c">
                <path d="m5.9897 18.62 4.4286-4.3464" stroke-width="2.49" />
                <circle cx="13.957" cy="10.592" r="5.1007" stroke-width="1.8423" fill="none" />
                <path d="m11.523 10.648 4.934 1e-6" stroke-width="1.5048" />
            </g>
        </svg>
    </div>
</div>
<div data-ui="in-button" class="iqel-button-element zoom-in">
    <div class="iqel-state-layer">
        <svg class="iqel-button-icon" version="1.1" viewBox="4 4 18 16"
            xmlns="http://www.w3.org/2000/svg">
            <g class="iqel-zoom-icon" fill="none" stroke="#3c3c3c">
                <path d="m5.9897 18.62 4.4286-4.3464" stroke-width="2.49" />
                <circle cx="13.957" cy="10.592" r="5.1007" stroke-width="1.8423" fill="none" />
                <path d="m13.99 8.1309v4.934" stroke-width="1.5048" />
                <path d="m11.523 10.648 4.934 1e-6" stroke-width="1.5048" />
            </g>
        </svg>
    </div>
</div>
