/*
	Styles
*/

.ouinon {
	position: relative;
	min-width: 4em;
	width: auto;

	button {
		display: inline-block;
		font-size: inherit;
		background: color-mix(in srgb, var(--couleur_fond) 20%, transparent);
		color: var(--couleur_texte);
		&::before {
			content: "☐";
			font-weight: bold;
			font-size: 110%;
			margin-right: .2em;
		}
	}

	button[disabled] {
		cursor: default;
		opacity: .2;
	}

	button:not([disabled]) {
		cursor: pointer;
		&:hover {
			background: color-mix(in srgb, var(--couleur_fond) 40%, transparent);
			transform: unset;
		}
	}

	&.oui .oui[disabled],
	&.non .non[disabled] {
		opacity: 1;
	}

	&.oui .oui:not([disabled]),
	&.non .non:not([disabled]) {
		background: var(--couleur_fond);
		&:hover {
			background: var(--couleur_fond);
			transform: unset;
		}
	}

	&.oui .oui,
	&.non .non {
		&::before {
			content: "☑";
		}
	}

}