.simple-like-wrap { display:inline-block; }
.simple-like-button {
	background: transparent;
	border: none;
	padding: 4px 6px;
	cursor: pointer;
	color: #222;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: inherit;
}
.simple-like-button .simple-like-icon svg { display:block; width:24px; height:24px; stroke: #fe8e0a; fill: none; stroke-width:2; }
.simple-like-button .simple-like-count { font-weight:600; margin-left:4px; color: inherit; }

/* Hover: no background, heart filled with liked color */
.simple-like-button:hover {
	background: transparent;
}

/* Fill the heart on hover (even when not liked) */
.simple-like-button:hover .simple-like-icon svg { fill: #fe8e0a; }

/* Liked: filled heart and make pointer events allowed so user can click to unlike */
.simple-like-button.liked {
	color: inherit;
}
.simple-like-button.liked .simple-like-icon svg { fill: #fe8e0a; }

/* disabled state */
.simple-like-button:disabled { opacity: 0.7; cursor: default; }