.ct-hidden-sidebar-icon {
	display: flex;
	flex-wrap: wrap;
	.ct-sidebar-icon-inner {
		width: 18px;
		height: 17px;
		position: absolute;
		top: 50%;
		left: 50%;
		@include transform(translate(-50%, -50%));
		overflow: hidden;
		i {
			width: 18px;
			height: 2px;
			position: absolute;
			right: 0;
			@include transition(.2s cubic-bezier(.24,.74,.58,1));
			&:before, &:after {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				background-color: #fff;
				top: 0;
				left: 0;
				@include transition(.6s cubic-bezier(.24,.74,.58,1));
			}
			&:after {
				@include transform(translate3d(100%,0,0));
				opacity: 0;
			}
			&:nth-child(1) {
				top: 0;
			}
			&:nth-child(2) {
				top: 5px;
				width: 13px;
			}
			&:nth-child(3) {
				top: 10px;
			}
			&:nth-child(4) {
				top: 15px;
				width: 13px;
			}
		}
	}
	.ct-sidebar-icon {
		cursor: pointer;
		height: 45px;
		width: 45px;
		@include background-gradient-rotate(135deg, $gradient_color_from, $gradient_color_to);
		@include border-radius(45px);
		position: relative;
		&:hover .ct-sidebar-icon-inner i {
			width: 18px !important;
			&:before {
				@include transform(translate3d(-18px,0,0));
				opacity: 0;
			}
			&:after {
				@include transform(translate3d(0%,0,0));
				opacity: 1;
			}
		}
	}
}