// @import "../atoms/btn";

//  = BUTTONS GROUP
//  -----------------------------------------------------------------------------

@mixin dc-btn-group {
    display: flex;
    margin-bottom: $dc-space100;
    @content;
}

@mixin dc-btn-group-row {
    @include dc-cf;
    clear: both;
}

@mixin dc-btn-group--in-row {
    margin-right: 1.6rem;
    float: left;
}

@mixin dc-btn--in-btn-group {
    @include _dc-btn--grouped;
}

@mixin dc-btn-group-selectors {

    .dc-btn-group {
        @include dc-btn-group;
    }

    .dc-btn-group-row {
        @include dc-btn-group-row;
    }

    .dc-btn-group--in-row {
        @include dc-btn-group--in-row;
    }

    .dc-btn--in-btn-group {
        @include dc-btn--in-btn-group;
    }
}