رَتِّب العلامة في واجهة المستخدم

To solve the first one, we need to exclude situations where it has the tag class name and the tag-drop class name, so the CSS becomes

.tag-bears:not(.tag-drop) {
	visibility: hidden;
	position: relative;
}

.tag-bears:not(.tag-drop):after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "bEars";
}

Looking at the second one still