.menu-burger {background-color: transparent; border: none; cursor: pointer;display: flex; padding: 0; }
.menu-burger .line {fill: none;stroke: var(--primary);stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.menu-burger .line1 {stroke-dasharray: 60 207;stroke-width: 6;}
.menu-burger .line2 {stroke-dasharray: 60 60;stroke-width: 6;}
.menu-burger  .line3 {stroke-dasharray: 60 207;stroke-width: 6;}
.active .menu-burger .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.active .menu-burger .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.active .menu-burger .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}