.ds-button-grid-container {
    display: flex;
}

.ds_button_grid .ds-button-grid-container {
    height: 100%;
}

.ds_button_grid .et-vb-module-options.et-vb-ui {
    max-height: 26px;
}
.ds_button_grid_child  .ds-button-wrap:hover,
.ds_button_grid_child  .ds-button-wrap {
    transition: all .3s ease 0ms !important;
}

body #page-container .ds_button_grid_child  .ds-button-wrap:after,
body #page-container .ds_button_grid_child  .ds-button-wrap:before {
    line-height: inherit;
    font-size: inherit !important;
}
.et_pb_module.ds_button_grid_child ,
div.ds_button_grid.et_pb_module .ds-button-grid-container div.ds_button_grid_child.et_pb_module {
    margin: 0.5em;
}
/* D5 renders no .et_pb_module_inner wrapper, so the module element itself has to be the
   flex container. Without it .et_pb_button stays display:inline, its padding does not grow
   the line box and wrapped rows overlap on the frontend. */
.ds_button_grid_child {
    display: flex;
}
.ds-button-grid[data-icon]:not([data-icon=""]):after {
    content: attr(data-icon);
}
/*
 * Divi 5 Add Module modal: the Divi Sensei folder tile.
 *
 * Scoped to the folder button only (value="divi-sensei", exact match) so module
 * tiles (button[value^="ds/"]) keep their own icon colors. Colors come from
 * the picker's theme variables, matching the standard module tiles.
 */
.et-vb-module-picker-option[value="divi-sensei"] {
    background-color: var(--ds-vb-module-selection-background-color) !important;
    color: var(--ds-vb-module-selection-text-color) !important;
    font-size: 10px !important;
    padding: 10px 5px !important;
    border-color: transparent !important;
}

.et-vb-module-picker-option[value="divi-sensei"].et-vb-module-picker-option--selected {
    background-color: hsl(from var(--ds-vb-module-selection-background-color) h s l / 0.9) !important;
    border-color: var(--ds-vb-module-selection-border-color) !important;
}

.et-vb-module-picker-option[value="divi-sensei"] svg {
    fill: var(--ds-vb-module-selection-icon-color) !important;
    scale: 0.8;
    stroke: var(--ds-vb-module-selection-icon-color) !important;
    stroke-width: 0;
}