#wp-admin-bar-cf-admin-bar-conditional-content {
	.condition-add,
	.condition-remove {
		a {
			align-items: center;
			display: flex;
			justify-content: space-between;

			&:after {
				background-color: white;
				border: 2px solid #ccc;
				color: #82ca9c;
				content: "";
				display: block;
				font-family: dashicons;
				font-size: 20px;
				height: 20px;
				line-height: 1;
				margin-left: 10px;
				width: 20px;
			}

			&:hover {
				&:after {
					color: #ccc;
					content: "\f147";
				}
			}

			span span {
				margin-left: 5px;

				&.active {
					color: #82ca9c;
				}

				&.inactive {
					color: #FF7575;
				}
			}
		}
	}

	.condition-remove {
		a {
			&:after {
				content: "\f147";
			}

			&:hover {
				&:after {
					color: #ccc;
					content: "\f335";
				}
			}
		}
	} 

	.default-active {
		a {
			&:after {
				border: 2px solid #82ca9c;
			}
		}
	}
}