.comment-votes {
	display: flex;
	gap: 12px;
	margin-top: 12px;
	align-items: center;
}

.vote-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: none;
	padding: 6px 12px;
	border-radius: 40px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: #6c757d;
	transition: all 0.2s ease;
}

.vote-btn:hover {
	transform: scale(1.02);
}

.vote-btn.active {
	background-color: #e7f1ff;
	color: #0d6efd;
}

.vote-btn.like-btn.active {
	color: #0a58ca;
	background-color: #e7f1ff;
}

.vote-btn.dislike-btn.active {
	color: #dc3545;
	background-color: #ffe7e7;
}

.vote-icon {
	width: 18px;
	height: 18px;
	stroke-width: 2;
}

.like-btn.active .vote-icon {
	stroke: #0d6efd;
	fill: #0d6efd;
}

.dislike-btn.active .vote-icon {
	stroke: #dc3545;
	fill: #dc3545;
}

.vote-count {
	font-size: 14px;
	font-weight: 600;
	min-width: 20px;
	text-align: center;
}

.vote-btn:active {
	transform: scale(0.96);
}