.karma-vote {
	border: solid 1px #DDDDDD;
	width: auto; /* Breedte past zich aan de inhoud aan */
	border-radius: 8px;
	display: inline-flex; /* Inline-flex zorgt dat de maat van de inhoud wordt aangenomen */
	align-items: center; /* Verticale uitlijning van inhoud */
	gap: 0px; /* Optioneel: ruimte tussen kinderen */
	padding: 5px; /* Optioneel: een beetje ruimte binnen de container */
}

.karma-vote button {
	width: 50px;
	height: 50px;
	border: none;
	/*border-radius: 4px; /* Optioneel: afgeronde hoeken */
	background: none; /* Geen achtergrondkleur */
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0; /* Verwijder standaard padding */
	cursor: pointer;
	transition: border-color 0.3s ease;
}

.karma-vote button img {
	max-width: 70%; /* Zorg dat de SVG proportioneel blijft binnen de button */
	max-height: 70%; /* Houd de afbeelding binnen de knop */
	display: block;
}

.karma-vote button:hover {
	border-color: #999; /* Verander de randkleur bij hover */
}

.karma-vote .karma-score {
	font-size: 0.9rem; /* Tekstgrootte voor de score */
	color: #555; /* Neutrale kleur voor de score */
}

.karma-message {
	font-size: 0.75rem; /* Klein maar leesbaar (12px op de meeste browsers) */
	color: red; /* Rode tekst voor foutmeldingen */
	margin-top: 5px; /* Kleine afstand van de knoppen of score */
	font-style: italic; /* Subtiele stijl */
	text-align: left; /* Lijn de tekst uit naar links */
	opacity: 0.8; /* Maak de tekst iets minder prominent */
}