/**
 * Easy Post Content Cleaner - editor button styling.
 *
 * Targets the TinyMCE 4 (.mce-btn.mce-pcc_clean) and TinyMCE 5/6
 * (.tox-tbtn[data-mce-name="pcc_clean"]) toolbar buttons so the clean action
 * reads as a clear accent button instead of plain toolbar text.
 *
 * @package PostContentCleaner
 */
.mce-toolbar .mce-btn.mce-pcc-clean-button {
	background: #2271b1 !important;
	border: 1px solid #2271b1 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}

.mce-toolbar .mce-btn.mce-pcc-clean-button:hover,
.mce-toolbar .mce-btn.mce-pcc-clean-button:focus {
	background: #135e96 !important;
	border-color: #135e96 !important;
}

.mce-toolbar .mce-btn.mce-pcc-clean-button button {
	color: #fff;
	margin: 1px 5px 2px 5px;
}

.mce-toolbar .mce-btn.mce-pcc-clean-button .mce-txt,
.mce-toolbar .mce-btn.mce-pcc-clean-button .mce-ico {
	color: #fff !important;
	font-weight: 600;
}

.tox-toolbar .tox-tbtn[data-mce-name="pcc_clean"] {
	background: #2271b1;
	border: 1px solid #2271b1;
	border-radius: 3px;
	box-shadow: none;
	color: #fff;
	height: 30px;
	margin: 0 2px;
	padding: 0 10px;
}

.tox-toolbar .tox-tbtn[data-mce-name="pcc_clean"]:hover,
.tox-toolbar .tox-tbtn[data-mce-name="pcc_clean"]:focus {
	background: #135e96;
	border-color: #135e96;
}

.tox-toolbar .tox-tbtn[data-mce-name="pcc_clean"] .tox-tbtn__select-label,
.tox-toolbar .tox-tbtn[data-mce-name="pcc_clean"] span {
	color: #fff;
}

.tox-toolbar .tox-tbtn[data-mce-name="pcc_clean"] svg {
	fill: #fff;
}