.attending_toggle {
	display: inline-block;
	width: 116px;
	text-align: center;
	border-radius: 3px;
	padding: 3px 6px;
}

.attend {
	border: 1px var(--green-color) solid;
	background-color: color-mix(in srgb, var(--green-color) 20%, transparent);
	color: var(--green-color);
}

.noattend {
	border: 1px var(--red-color) solid;
	background-color: color-mix(in srgb, var(--red-color) 20%, transparent);
	color: var(--red-color);
}

.pending {
	border: 1px var(--yellow-color) solid;
	background-color: color-mix(in srgb, var(--yellow-color) 20%, transparent);
	color: var(--yellow-color);
}