Подсветка бордера внутреннего div и внешнего при наведении мышы?

Question

[Тарас Паращук]

Надо сделать ТАК на bootstrap.
Вроде сделать получилось, но бордер внешнего div и внутреннего div не включаются одновременно.
Как бы сделать чтоб они меняли цвет одновременно.

spoiler

<div class="row">
                   <div class="col-sm-4  text-left">
                       <div class="box2 mb-1 d-flex ">
                           <div class=" iconx align-self-center">
                           </div><div class="iconx-text  align-self-center"><p class="icaption">30 Років Досвіду</p>Вже давно відомо, що читабельний зміст буде заважати зосередитись людині, яка оцінює композицію сторінки.</div>
                       </div>
                   </div> 
</div>

.iconx{
        width:60px;
        height:60px;
        background: #fafafa;
        top:65px;
       
   }

.iconx:hover{
       
        background:   #fac012;
   }
   
   .iconx-text{
      margin-left:20px;
      width:280px;
      text-align:left;
      color:#afafaf;
      font-size:1em;
   }

   .icaption{
    font-size:1.25em; 
    color:black;
   }
.box2 {

      width:370px;
      height:190px;
      border: 2px solid  #fafafa;
      background:white;
     
}
       .box2:hover{
        border-color: #fac012;
                }

Answer 1

[Тарас Паращук]

Я уже понял что без jquery не обойтись.