/*
 * JIG đặt .jig-imageContainer là float, không khai báo position — thêm
 * position:relative không ảnh hưởng bố cục justified, đủ để neo nút.
 */
.jig-imageContainer.xvd-has-btn {
	position: relative;
}

.xvd-btn {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 20;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 5px 9px;
	border: 0;
	border-radius: 4px;
	background: rgba(20, 20, 20, 0.68);
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	font-family: inherit;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.15s ease, background 0.15s ease;
}

.jig-imageContainer:hover .xvd-btn,
.xvd-btn:focus,
.xvd-btn.xvd-voted {
	opacity: 1;
}

.xvd-btn:hover:not(:disabled) {
	background: #d63638;
}

.xvd-btn:disabled {
	cursor: default;
}

.xvd-btn.xvd-voted {
	background: rgba(20, 20, 20, 0.55);
	color: #ffd9d9;
}

.xvd-btn-count {
	padding: 1px 5px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.22);
	font-size: 11px;
	font-weight: 600;
}

.xvd-hidden-image {
	opacity: 0.35;
	filter: grayscale(1);
}

/* Trên thiết bị cảm ứng không có hover — luôn hiện nút. */
@media (hover: none) {
	.xvd-btn {
		opacity: 1;
	}
}