.c-switch {
	position: relative;
	display: flex;
	height: 60px;
	width: max-content;
	border-radius: 5rem;
	cursor: pointer;
	border: 0.1rem solid #f23944;
	font-weight: 500;
}

.c-switch-inner {
	position: absolute;
	width: 49.5%;
	height: 90%;
	transition: .6s;
}

.c-switch-section {
	flex: 0.5;
	padding: 0rem 1rem;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #444444;
	z-index: 1;
	min-width: 15rem !important;
}

.c-switch.c-switch-on .c-switch-inner {
	left: 0.5%;
	border-radius: 7rem 0 0 7rem;
	background-color: #f23944;
	top: 5%;
}

.c-switch.c-switch-off .c-switch-inner {
	left: 50%;
	top: 5%;
	border-radius: 0 5rem 5rem 0;
	background-color: #f23944;
}

.c-switch.c-switch-on .on-part, .c-switch.c-switch-off .off-part { color: #FFFFE7; }

.c-switch .on-part, .c-switch .off-part { font-size: 1.2rem; }