Ребята, как сделать чтобы при наведении на ссылку, менялся цвет ссылки и обводилась картинка, которая рядом с ссылкой ?

пробовал так -

<style>

.post img {
width:100px;
height:100px;
border-radius:50%;
float:left;  
}
.post img:hover{
box-shadow:0px 0px 1px 1px #999;
}

.post a{
color:#222;
text-decoration: none;
font-size:0.95rem;
font-family:'Arial',sans-serif;
}
.post a:hover{
color:red;
}

</style>

<div class="post">
	<a href="ссылка"><img src=/images/"картинка"><div class="gl_title_new">Название ссылки</div></a>						
</div>

в этом случае, при наведении на картинку, все работает, обводится картинка и ссылка меняет цвет, но когда наводишь на ссылку! то ссылка меняет цвет а картинка не обводится...как сделать чтобы обводилась?

.post a:hover img {
    box-shadow:0px 0px 1px 1px #999;
}

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble

Спасибо! выручили))