Как обернуть текст стилем из Uikit 3? - Вопросы по CSS

Всем доброго!
Разбираюсь понемногу с Joomla 5, изучаю стили и т.п. Делаю один небольшой информационный сайт для себя.
На одном из этапов решил красиво выводить текст и мне понравилось как это выглядит при помощи Label из Uikit 3 - https://getuikit.com/docs/label.
Попробовал добавил на сайт код взятый по ссылке - понравилось.
Мне нужно выводить телефон и рядом добавочный типа так
<span class="uk-label uk-label-success">+7921-222-33-44</span><span class="uk-label uk-label-warning">доб.101</span>
Но так прописывать вручную, я понял не удобно, потому что с сайтом потом (наполнять его информацией) будет сотрудник, который некомпетентен вообще ни как в J5, CSS или коде. Поэтому возникла идея и ищу рецепт как это сделать, но пока не нашел, вот и спрашиваю... Как сделать в Joomla так, чтобы я например сделал кастомное поле ACF и когда его буду выводить на сайте, чтобы поле вывода, сразу подхватывало такой стиль как у Label?
Я с CSS только начинаю разбираться и находу викаю в вопросы, которые требует проект для решения.
Спасибо

так в параметрах поля можно классы присвоить

Вы имеете ввиду вот прям это прописать в параметрах? uk-label uk-label-success

именно
ну и в файле CSS стили сами