.joms-message__status {
    margin-bottom: ms(-1);
    color: $color-concrete;

    @if ($scss-direction == rtl) {
        text-align: left;
    } @else {
        text-align: right;
    }

    > span {
        position: relative;
        display: inline-block;
        height: 22px;
        padding: 2px 4px;
        background-color: rgba(0,0,0,.05);
        border-radius: 3px;
        vertical-align: middle;
    }

    .joms-icon {
        display: inline-block;
        width: 20px;
        height: 22px;
        padding: 2px 4px;
        background-color: rgba(0,0,0,.08);
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        vertical-align: middle;

        &+ span {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }
}