.TimeLineActions {
    min-width: 3rem;
    flex-grow: 1;
    white-space: nowrap;
    text-align: right;
    container-type: inline-size;
    container-name: timeline-actions
}

.TimeLineActions__action {
    display: inline-block;
}

a.TimeLineActions__action--addMessageToggler,
a.TimeLineActions__action--searchToggler {/** a selector because of the !important in .u-mcm-button declaration */
    margin-right: .5em;
}

.TimeLineActions__action--addMessageToggler .TimeLineActions__actionIcon {
    margin-left: .35em;
    transform: scale(1.25);
}

.TimeLineActions__actionTitle {
    position: absolute;
    left: -999em;
    display: inline-block;
    margin: 0 .5em 0 0;
    vertical-align: middle;
}

@container timeline-actions (min-width: 150px) {
    .TimeLineActions__action--addMessageToggler .TimeLineActions__actionTitle {
        position: static;
    }
}