/* Стили для переключателя (чекбокс) 
.check-group {
	display: flex; 
	align-items: center; 
	margin-bottom: 20px; 
	justify-content: flex-start; 
}
*/

.check {
	display: none; /* Скрываем стандартный чекбокс */
}

.check-label {
	position: relative; 
	cursor: pointer; 
	color: #333; 
	margin-left: 10px; 
}

.check-label::before {
	content: ''; 
	position: relative; 
	display: inline-block; 
	width: 52px; 
	height: 26px; 
	background-color: #ccc; 
	border-radius: 20px; 
	transition: background-color 0.3s ease; 
	top: 6px; 
}

.check-label::after {
	content: ''; 
	position: absolute; 
	top: -2px; /* top: 10px;  для check-group */
	left: 3px; 
	width: 20px; /* размер кнопки переключателя */
	height: 20px; /* размер кнопки переключателя */
	background-color: white; 
	border-radius: 50%; 
	transition: transform 0.3s ease; 
}

.check:checked + .check-label::before {
	background-color: #007BFF; 
}

.check:checked + .check-label::after {
	transform: translateX(26px); /* Сдвиг кнопки переключателя */
}