CSS that makes the Beaver Builder toolbar actions more distinct than the defaults.

bbtoolbarfix.css

/* Paste all of this into your Global CSS file, or anywhere else you place CSS in your site. */

[data-action="discard"] {
    background: none;
    color: #CE3F40!important;
}

[data-action="discard"]:after {
    content: "\00a0 changes ×";
}

[data-action="discard"]:hover{
	background: #CE3F40!important;
}

[data-action="publish"] {
    background: #059669!important;
}

[data-action="publish"]:hover {
    background: #047857!important;
}

.fl-builder-publish-actions >.fl-builder-button-group {
    gap: 4px;
}

.fl-builder-button-group > .fl-builder-button {
    border-radius: 3px!important;
}