Моб. кнопка меню

_header.scss

&-btn {
			position: relative;
			background: none;
			border: none;
			width: 36px;
			height: 23px;
			padding: 0;
			@include transition(all 0.2s ease-in-out);
			* {
				display: block;
				width: 100%;
				height: 3px;
				background-color: $ruby;
				@include transition(all 0.2s ease-in-out);
				position: relative;
			}
			&:before,
			&:after {
				content: '';
				position: absolute;
				width: 100%;
				height: 3px;
				background-color: $ruby;
				@include transition(all 0.2s ease-in-out);
			}
			&:before {
				top: 0;
				left: 0
			}
			&:after {
				bottom: 0;
				left: 0;
			}
			&.active {
				&:before {
					@include transform(rotate(45deg));
					top: 10px;
				}
				&:after {
					bottom: 10px;
					@include transform(rotate(-45deg));
				}
				* {
					opacity: 0;
					@include transform(translateX(-20px));
				}
			}
		}