.cc label .top {
		-webkit-transform: translateX(-2px) translateY(9px) rotateZ(55deg);
		-moz-transform: translateX(-2px) translateY(9px) rotateZ(55deg);
		-ms-transform: translateX(-2px) translateY(9px) rotateZ(55deg);
		-o-transform: translateX(-2px) translateY(9px) rotateZ(55deg);
  transform: translateX(-2px) translateY(7px) rotateZ(45deg);
}

.cc label .bottom {
		-webkit-transform: translateX(5px) translateY(-5px) RotateZ(-55deg);
		-moz-transform: translateX(5px) translateY(-5px) RotateZ(-55deg);
		-ms-transform: translateX(5px) translateY(-5px) RotateZ(-55deg);
		-o-transform: translateX(5px) translateY(-5px) RotateZ(-55deg);
  transform: translateX(3px) translateY(0px) RotateZ(135deg);
}

.cc input[type="checkbox"]:checked ~ label .top {
  -webkit-transform: translateY(5px) rotateZ(45deg);
  -moz-transform: translateY(5px) rotateZ(45deg);
  -ms-transform: translateY(5px) rotateZ(45deg);
  -o-transform: translateY(5px) rotateZ(45deg);
  transform: translateX(-2px) translateY(3px) rotateZ(135deg);
}

.cc input[type="checkbox"]:checked ~ label .bottom {
  -webkit-transform: translateY(-9px) rotateZ(-45deg);
  -moz-transform: translateY(-9px) rotateZ(-45deg);
  -ms-transform: translateY(-9px) rotateZ(-45deg);
  -o-transform: translateY(-9px) rotateZ(-45deg);
  transform: translateX(3px) translateY(-4px) rotateZ(45deg);
}