UIkit HTML использование горизонтальной карты

Question

Мне интересно, как добавить горизонтальные делители к выровненным по горизонтали картам UIkit. Я видел выравнивание по правому краю в их документации здесь , но не видел, как я могу добавить два деления рядом друг с другом (один справа и один слева). Результат, который я получаю сейчас:

, однако я хочу, чтобы эта зеленая кнопка находилась с правой стороны карты. Карта создана так:

<div id="newBarsCard" style="padding: 40px 0px; padding-top: 0px;" class="uk-card uk-card-default uk-child-width-1-2">
                <div class="uk-clearfix">
                    <div class="uk-float-left uk-card-body" style="position: absolute;">
                        <div class="uk-card-header">
                            <h3 style="" class="uk-card-title uk-margin">${offer.name}</h3>
                            <canvas width="600" height="400"></canvas>
                        </div>
                        <p style="margin-top: ;" class="barCity"><a style="text-decoration: none;">${offer.amount + " TL"}</a></p>
                        <p style="margin-top: ;" class="barCity"><a style="text-decoration: none;">${"Istersen %" + offer.discount + " indirimli!"}</a></p>
                    </div>
                    <div style="" id="${purchaseId}" class="purchaseButton uk-card-body uk-float-right">
                        <p class="barParagraph uk-button uk-button-primary uk-button-medium uk-margin-small-top">SATIN AL</p>
                    </div>
                </div>
            </div>