同時使用sass同時定位兩個規則

Question

我在CTA按鈕中的文本旁邊有一個圓+箭頭，並且我希望當它們懸停在其中任何一個上時同時更改顏色。現在徘徊在文本上的箭頭不變色，不知道該怎麼寫時：

<div class="cta-div"> 
    <a class="cta-btn" href="#" role="button">SAVE NOW&nbsp;<i class="fa fa- 
    chevron-circle-right " style="font-size:34px;color:#efd43d; vertical 
    -align:middle; padding:0 0 3px;"></i></a> 
</div> 

青菜規則： .cta-BTN，.fa雪佛龍的圓右{ &：懸停顏色：$ btn-bkg-hover-color！important; }}

我已經設置並在小提琴的工作：https://jsfiddle.net/roob/9Lsjstf7/1/ 任何幫助表示讚賞。如果這是一個重複的帖子，請發佈鏈接。

Answer 1

無需單獨懸停在他們 - 你只需將鼠標懸停在錨上，當你做，你也徘徊的孩子如此：

.cta-btn:hover, { 
    color: #e8e2bb !important; 
    .fa-chevron-circle-right { 
    color: #e8e2bb !important; 
    } 
} 

不知道的重要......離開它，你！可能出於某種原因需要它。