Мои значки шрифтов исчезают при смене карусели с помощью Owl Carousel

В основном у меня есть стилизованные кнопки с прикрепленными значками с использованием элемента: before sudo (SASS)

.btn {
    @include font-size-px-rem(14px); //font-size
    @include box-sizing(border-box);
    background-color: $yellow;
    font-weight: bold;
    border: 0;
    color: $black;
    cursor: pointer;
    display: inline-block;
    line-height: 14px;
    margin: 0;
    padding: 8px 26px 8px 11px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;

    white-space: nowrap;
    vertical-align: middle;

    @extend .arial; //my font

    -webkit-appearance: none;

    &:hover,
    &:hover,
    &:focus {
        color: $white;
        background-color: $light-blue;
    }

    &:before {
        @extend .icon__right-big; //font-Icon
        @include font-size-px-rem(15px); //font-size
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -8px; //vertically align icon - middle (half font height)
        z-index: 2;

    }
}

Это создает мою кнопку правильно, и все работает почти идеально.

Проблема заключается в использовании OwlCarousel. У меня есть кнопка во всех перечисленных каруселях, которая по-прежнему отображается прямо на рабочем столе, но не на мобильных устройствах.

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

Я загуглил в Интернете и не нашел никого с такой же проблемой.

Я тестировал это как на Android (Nexus 4), так и на iPhone (5s) и собирался предположить, что это проблема с рендерингом, но не знаю, что думать. или как решить эту проблему.

Подойдет любая помощь.