UI.X 2 Dark

[wowmaestro]

<div class="my--notice">
    <div class="notice-text">
        Cum similis sensus exstitit amoris, si aliquem nacti sumus cuius cum moribus et natura congruamus, quod in eo quasi lumen aliquod probitatis et virtutis perspicere videamur. quam ob rem vita quidem talis fuit vel fortuna vel gloria, ut nihil posset accedere, moriendi autem sensum celeritas abstulit; quo de genere mortis difficile dictu.
    </div>
    <div class="notice-button">
        <a href="/ссылка1/" class="button button--icon button--icon--write">
            <span class="button-text">название2</span>
        </a>
        <a href="/ссылка2/" class="button button--icon button--icon--write">
            <span class="button-text">название2</span>
        </a>
    </div>
</div>

в extra.less

.my--notice {
    display: flex;
    align-items: center;
    max-width: 100%;
    .notice-text {
        padding: 5px 10px;
        max-width: 80%;
    }
    .notice-button {
        display: flex;
        .button {
            margin: 0 5px;
        }
    }
    @media (max-width: @xf-responsiveMedium) {
        flex-wrap: wrap;
        .notice-text {
            max-width: 100%;
        }
        .notice-button {
            justify-content: flex-end;
            width: 100%;
        }
    }
}

Большое спасибо