.wp-block-group {
    &.is-style-carousel-slide_container {
        --gap: var(--wp--preset--spacing--x-small);

        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 33%;
        gap: var(--gap);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overflow-y: hidden;
        overflow-x: auto;

        > * {
            width: 100%;
            contain: paint;
            margin-block-start: 0;
        }
    }

    &.is-style-tabbable-container-centered,
    &.is-style-tabbable-container-spanned,
    &.is-style-tabbable-container {
        &.is-style-tabbable-container-centered {
            &.overflowing {
                > .buttons {
                    > * {
                        justify-content: left;
                    }
                }
            }

            > .buttons {
                > * {
                    justify-content: center;
                }
            }
        }

        &.is-style-tabbable-container-spanned {
            > .buttons {
                > * {
                    grid-auto-columns: minmax(190px, 100%);
                }
            }
        }

        > .buttons {
            > * {
                grid-auto-flow: column;
                grid-auto-columns: 190px;
                overflow-y: hidden;
                overflow-x: auto;
                scrollbar-width: none;
                display: grid;
                width: 100%;

                > * + * {
                    border-left: solid 1px var(--wp--preset--color--primary-orange-400);
                }

                > * {
                    cursor: pointer;

                    > * {
                        pointer-events: none;
                    }

                    &:hover {
                        background-color: var(--wp--preset--color--primary-orange-300);
                    }

                    .wp-block-buttons {
                        align-items: stretch;
                    }

                    button,
                    a {
                        color: var(--wp--preset--color--primary-navy-900);
                        background-color: transparent;
                    }

                    img {
                        background-color: var(--wp--preset--color--white);
                    }

                    &[data-active] {
                        background-color: var(--wp--preset--color--primary-orange-900);
                        button,
                        a {
                            background-color: white;
                        }
                    }
                }
            }
        }
    }
}
