how to translate this piece of styled-components to css

Question

i've just found out about styled-components, could someone translate this code below to plain css?

span {
  &:hover {
    & ~ div {
      transform: scale(1);
      opacity: 1;
    }
  }
}

user_14813577 · Answer

You can use scss to css converter

span {
  &:hover {
    & ~ div {
      transform: scale(1);
      opacity: 1;
    }
  }
}

the result is

span:hover ~ div {
  transform: scale(1);
  opacity: 1;
}