Часть текста слева, часть справа внутри button CSS/HTML

уважаемые пользователи. Столкнулся с проблемой описанной в заголовке. Есть тэг button и внутри него надо сделать чтобы текст был слева, а иконка справа. Не мастер вёрстки и пол часа в гугле не дали результатов. Прошу экспертов о помощи.

<button type="button" class="btn btn-primary btn-sm"><i>Данные по продавцу</i><i class="material-symbols-outlined dop">store</i></button>

Предположил что разделив по тегам, как выше, будет проще, но снова ничего не вышло. Ниже скрин того что сейчас получается если чем либо может помочь. Хочу чтобы иконка домика была справа

UPD: Попросили добавить стили, думаю тоже поможет. Но там сейчас нет стилей выравнивания второго тэга i по правому краю, т.к. попытки не удались.

.analys-button button i {vertical-align: middle; text-align: left;}

У второго i есть класс dop, пытался через него ковырять, но как написал выше, ничего не вышло.


Ответы (0 шт):