/**
 * Buttons block style for backend.
 */
 .styble-button-groups{
    .block-editor-block-list__layout{
        display: flex;
        a{
            display: block;
        }
    }
    .styble-button-content {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
}
.styble-button-groups.styble-desktop-left {
    .block-editor-block-list__layout {
        justify-content: start;
    }
}
.styble-button-groups.styble-desktop-center {
    .block-editor-block-list__layout{
        justify-content: center;
    }
}
.styble-button-groups.styble-desktop-right {
    .block-editor-block-list__layout{
        justify-content: end;
    }
}
.styble-button-groups.styble-desktop-fullWidth {
    .block-editor-block-list__layout{
        display: flex;
        .block-editor-block-list__block {
            width: 100%;
            a{
                display: block;
            }
        }
    }
}

@media only screen and (max-width: 778px) {
    .styble-button-groups.styble-tablet-left {
        .block-editor-block-list__layout{
            justify-content: start;
            .block-editor-block-list__block {
                width: auto;
            }
        }
    }
    .styble-button-groups.styble-tablet-center {
        .block-editor-block-list__layout{
            justify-content: center;
            .block-editor-block-list__block {
                width: auto;
            }
        }
    }
    .styble-button-groups.styble-tablet-right {
        .block-editor-block-list__layout{
            justify-content: end;
            .block-editor-block-list__block {
                width: auto;
            }
        }
    }
    .styble-button-groups.styble-tablet-fullWidth {
        .block-editor-block-list__layout{
            .block-editor-block-list__block {
                width: 100%;
            }
        }
    } 
}

@media only screen and (max-width: 358px) {
    .styble-button-groups.styble-mobile-left {
        .block-editor-block-list__layout{
            justify-content: start;
            .block-editor-block-list__block {
                width: auto;
            }
        }
    }
    .styble-button-groups.styble-mobile-center {
        .block-editor-block-list__layout{
            justify-content: center;
            .block-editor-block-list__block {
                width: auto;
            }
        }
    }
    .styble-button-groups.styble-mobile-right {
        .block-editor-block-list__layout{
            justify-content: end;
            .block-editor-block-list__block {
                width: auto;
            }
        }
    }
    .styble-button-groups.styble-mobile-fullWidth {
        .block-editor-block-list__layout{
            .block-editor-block-list__block {
                width: 100%;
            }
        }
    } 
}