.comment-card.data-v-ed332cbd {
		background-color: #fff;
		padding: 15px;
		border-radius: 10px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		margin-bottom: 15px;
		display: flex;
		flex-direction: column;
}
.comment.data-v-ed332cbd {
		display: flex;
		flex-direction: row;
}
.avatar.data-v-ed332cbd {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin-right: 10px;
}
.comment-content.data-v-ed332cbd {
		flex: 1;
}
.username.data-v-ed332cbd {
		font-weight: bold;
		color: #007aff;
		margin-bottom: 5px;
}
.text.data-v-ed332cbd {
		color: #333;
}
.actions.data-v-ed332cbd {
		margin-top: 10px;
}
.like.data-v-ed332cbd,
	.reply.data-v-ed332cbd,
	.share.data-v-ed332cbd {
		color: #007aff;
		cursor: pointer;
		margin-right: 15px;
}
.like.data-v-ed332cbd:hover,
	.reply.data-v-ed332cbd:hover,
	.share.data-v-ed332cbd:hover {
		text-decoration: underline;
}
.like-icon.data-v-ed332cbd,
	.share-icon.data-v-ed332cbd {
		width: 16px;
		height: 16px;
		margin-right: 5px;
		vertical-align: middle;
}
.reply-form.data-v-ed332cbd {
		display: flex;
		margin-top: 10px;
}
.reply-input.data-v-ed332cbd {
		flex-grow: 1;
		margin-right: 10px;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-size: 14px;
}
.reply-button.data-v-ed332cbd {
		padding: 10px 20px;
		background-color: #007aff;
		color: #fff;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		font-size: 14px;
}
.reply-button.data-v-ed332cbd:hover {
		background-color: #005bb5;
}
.replies.data-v-ed332cbd {
		margin-top: 10px;
		padding-left: 20px;
		border-left: 2px solid #f0f0f0;
}