.vc_control-btn.sr7--wpbakery--icon span.vc_btn-content {
    background-color: #9570FF;
}
.vc_control-btn.sr7--wpbakery--icon span.vc_btn-content i.vc-composer-icon {
    fill: #f2f2f2;
}
/* The nudge belongs to the icon rather than to the button. Each glyph sits differently in its own
   viewBox, and two of the three are used by two buttons each - so they are grouped by the icon they
   carry. Quick Edit and Import Template were the two that had no rule, and both sat hard against the
   right of their cell while the button beside them, drawn with the same glyph, did not. */
.vc_control-btn.sr7--wpbakery--icon.sr7--wpbakery--edit span.vc_btn-content i.vc-composer-icon,
.vc_control-btn.sr7--wpbakery--icon.sr7--wpbakery--quickedit span.vc_btn-content i.vc-composer-icon {
    transform: translateX(-4px);
}
.vc_control-btn.sr7--wpbakery--icon.sr7--wpbakery--select span.vc_btn-content i.vc-composer-icon,
.vc_control-btn.sr7--wpbakery--icon.sr7--wpbakery--template span.vc_btn-content i.vc-composer-icon {
    transform: translateX(-1px);
}
.vc_control-btn.sr7--wpbakery--icon.sr7--wpbakery--settings span.vc_btn-content i.vc-composer-icon {
    transform: translateX(-1px);
}
.vc_control-btn.sr7--wpbakery--icon span.vc_btn-content i svg {
    height: 15px;
}
.vc_control-btn.sr7--wpbakery--icon:hover span.vc_btn-content {
    background-color: #5c24ff;
}

/* the block settings modal styles itself now - admin/assets/css/block-settings.css */
