.smash-cross {
	 cursor: pointer;
	 width: 20px;
	 height: 20px;
	 position: relative;
}
 .smash-cross .container {
	 position: absolute;
	 width: 16px;
	 height: 16px;
}
 .smash-cross .front .vertical, .smash-cross .front .horizontal {
	 background-color: #fff;
}
 .smash-cross .front .vertical {
	 width: 2.6666666667px;
	 height: 16px;
	 left: 8.6666666667px;
	 top: 2px;
}
 .smash-cross .front .horizontal {
	 width: 16px;
	 height: 2.6666666667px;
	 left: 2px;
	 top: 8.6666666667px;
}
 .smash-cross .back .vertical, .smash-cross .back .horizontal {
	 background-color: #000;
}
 .smash-cross .back .vertical {
	 width: 6.6666666667px;
	 height: 20px;
	 left: 6.6666666667px;
	 top: 0px;
}
 .smash-cross .back .horizontal {
	 width: 20px;
	 height: 6.6666666667px;
	 left: 0px;
	 top: 6.6666666667px;
}
 .smash-cross .vertical, .smash-cross .horizontal {
	 position: absolute;
}
 .smash-cross .vertical {
	 transition: transform 300ms;
}
 .smash-cross .spin .vertical {
	 transform: rotate(-90deg);
}