Весь цвет div и не изменяется во время наведения

Question

Я сделал div. Которые содержат изображение, текст и ссылку. Я хочу дать некоторые эффекты парения на этом div. Этот цвет фона div черный. и шрифт и цвет ссылки белый. Я хочу сделать div, цвет которого становится красным, а цвет ссылки и текста становится черным во время наведения. Также на изображении будет красное наложение. В настоящее время только текст div и цвет фона меняются во время наведения. Я не получил никаких эффектов при наведении на изображения, а цвет ссылки остался красным.

CSS : 

    .card{
    background-color: #221F1F;
    color: #fff;
    position: relative;
    
    }
    .card a{
    color: #D53F31;
    position: absolute;
	bottom: 40px;
	
    }
    .card:hover{
    background-color: #D53F31;
    color: #221F1F;
    
    }

 <div class="card student" style="width: 18rem;">
          <img class="card-img-top" src="img/card1.jpg" alt="">
               <div class="card-body">

                     <p class="card-text">Get an <br>affordable degree <br>in Europe</p>
                       <a href="#" class="card-link">Know More</a>
       </div>
 </div>

Answer 1

просто выберите тег и тег с помощью

.card:hover a{
 /* css code */
}
.card:hover img{
 /* css code */
}

Answer 2

Вам нужно правило, которое предназначается для ссылки, когда карта наведена.попробуйте это:

.card:hover a{
  color:#221F1F
}