Rotate SVG line around center using CSS -

i'm trying animate svg go being plus minus. when clicked, rotate whole svg , change color. make 1 of lines svg scale 0.

however, you'll see, line scales 0 moves off upper right corner. want scale while staying in center.

what doing wrong?

instead of this:

.add-remove.remove .inner__1 {   transform: scale(0);   transform-origin: center center; }

use this:

.inner__1 {    transform-origin: center center; } .add-remove.remove .inner__1 {    transform: scale(0); }

Ben