arkadaşın istediği şey a :hover etkinliği kazandığında komple kapsayıcı div ve içerisindeki diğer ögelerinde hover etkinliği kazanması.
Css tekniğinde alt elemanın hover'ı kapsayıcı eleman ile birleştirilemez. Ya kapsayıcıya bir hover niteliği tanımlayıp içerisindekileri tetikleyeceksiniz yada bunu js yardımı ile yapacaksınız.
Burada son cümlenize ufak bir düzeltme yapmak istiyorum. Wrapper elementler'i altında ki child'ın belirli bi durumuna göre seçebiliyoruz. `:has` selector'u bu işe yarıyor. Örnek fiddle'ı aşağıya bırakıyorum.
.service:has(button:hover) {
background: red;
}https://jsfiddle.net/k5gyvm97/2/
Not:
`:has` selector'unun browser desteklerine bakıp kullanımına karar verilmeli
https://caniuse.com/css-has
Ayrıca browser desteğini 100% yapabilmek adına polyfill kullanılabilir
https://www.npmjs.com/package/css-has-pseudo