<a href="#" class="m-ico-button a-button">
	<i class="m-ico-button__icon icon-mail" aria-hidden="true"></i>
	<span class="m-ico-button__text">button</span>
</a>

@import "atoms/button/index";

.m-ico-button {

    $self: &;

    align-items: center;
    display: inline-flex !important; // sass-lint:disable-line no-important

    &__text {

        flex-grow: 1;

    }

    & #{$self}__icon {

        flex-basis: 0;
        vertical-align: baseline;

    }

}