.c-message {
    flexbox();
    align-items: center;
    width: 100%;
    padding: 15px 20px;
    font-weight: $font--bold;

    &__icon {
        margin-right: 15px;
        font-size: 24px;
    }

    &__txt {
        flex: 1 0 0;
    }

    &__close {
        margin-left: 15px;
        font-size: 12px;
        color: $font--color;
    }

    for status in success danger warning {
        &--{status} {
            background-color: lookup('$color--' + status + '-light');
            
            if status == warning {
                color: $font--color;
            }
            else {
                color: lookup('$color--' + status);
            }
        }
    }
}