چگونه می توانم رنگ :بیفور را با هاور بر روی المنت دیگری تغییر دهم؟

دوستان لطفا کد من رو ببینید:

// CSS
span{
  color: #666;
}
span:before{
    content: "\f059";
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
  font-family: FontAwesome;
    color: #999;
  margin-right: 10px;
}

span:hover{
  color: red;
}

// HTML
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<span>something</span>

می خوام اون آیکون ؟ هم قرمز بشه وقتی میرم روی اون نوشته. (یعنی هاور المنت span روی رنگ اون المنت که کنارشه و با :before ساخته شده تاثیر بزاره). کسی می دونه چطوری؟

باید از span:hover:before استفاده کنید:

لینک دمو