.switch {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0;
}

.switch-toggle-input {
	display: none;
}

.switch-toggle-button {
	position: relative;
	cursor: pointer;
	display: inline-block;
	line-height: 20px;
	width: 70px;
	height: 32px;
	color: white;
	background-color: #c6c6c6;
	border: solid 1px #c6c6c6;
	/*box-shadow: 0 0 12px rgba(198, 198, 198, 0.8);*/
	transition: all 0.4s ease;
	border-radius: 30px;
}

.switch-toggle-button::before {
	position: absolute;
	display: flex;
	align-items: center;
	top: 2px;
	left: 30px;
	height: 25px;
	padding: 0 10px;
	content: "ปิด";
	background: white;
	color: #000000;
	transition: all 0.4s ease;
	border-radius: 30px;
}

.switch-toggle-input:focus + .switch-toggle-button {
	background: #dedddf;
	border: solid 1px #dedddf;
	box-shadow: 0 2px 8px rgba(222, 221, 223, 0.8);
}

.switch-toggle-input:checked + .switch-toggle-button {
	background: #53dc4b;
	border: solid 1px #53dc4b;
	box-shadow: 0 0px 8px rgba(39, 95, 176, 0.5);
}

.switch-toggle-input:checked + .switch-toggle-button::before {
	content: "เปิด";
	left: 4px;
	color: #56cd6b;
}