.wp-core-ui button.button-danger {
	background: #d63638;
	border-color: #d63638;
	color: #fff;
}

.wp-core-ui button.button-danger:hover {
	background: #a32b2d;
	border-color: #a32b2d;
	color: #fff;
}

#wpadminbar .critical-css-status {
	display: inline-block;
	padding: 0 8px;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	height: 1.2rem;
	line-height: 1.2rem;
	white-space: nowrap;
}

.completed {
	background: #1e7e34;
}

.expired {
	background: #995a00;
}

.invalid,
.failed,
.unreachable {
	background: #b12331;
}

.excluded,
.paused,
.unprocessed {
	background: #6c757d;
}

.pending {
	background: #007cba;
}

#wpadminbar #wp-admin-bar-critical_css_status:hover>.ab-item,
#wpadminbar.nojq .quicklinks #wp-admin-bar-critical_css_status:hover>.ab-item:focus,
#wpadminbar:not(.mobile) #wp-admin-bar-critical_css_status:hover>.ab-item,
#wpadminbar:not(.mobile) #wp-admin-bar-critical_css_status:hover>.ab-item:focus {
	background: inherit;
	color: #f0f0f1;
}

#ecc-advanced-settings-toggle {
	margin: 20px 0;
}

#ecc-toggle-advanced {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
}

#ecc-toggle-advanced .dashicons {
	transition: transform 0.2s ease;
}

#ecc-toggle-advanced.expanded .dashicons {
	transform: rotate(90deg);
}

#ecc-advanced-settings {
	border: 1px solid #c3c4c7;
	background: #f9f9f9;
	padding: 20px;
	margin-top: 15px;
	border-radius: 4px;
}

#ecc-advanced-settings h3 {
	margin-top: 0;
	color: #23282d;
}

.ecc-basic-setting {
	margin-bottom: 20px;
}

.ecc-basic-setting:last-child {
	margin-bottom: 0;
}

.ecc-advanced-setting {
	margin-bottom: 15px;
}

.ecc-basic-setting .description,
.ecc-advanced-setting .description {
	margin-top: 8px;
	max-width: 600px;
}