Есть блок и как меняется блок-ссылка при наведении:
.article2:hover {
float: right;
margin-right: 20px;
margin-bottom: 20px;
border: 2px solid #e3e3e3;
background-color: #F7FEFF;
box-sizing: border-box;
width: 280px;
height: 140px;
border-radius: 17px;
}
<a href="/faq" title="FAQ">
<div class="article2">
<img src="http://via.placeholder.com/50x50/33ff99/555555?text=Logo" alt="текст" />
<for>FAQ</for>
</div>
</a>
Но я не могу понять как сделать, чтобы менялся и текст, который находится внутри этого блока:
`<for>FAQ</for>`
Например, изменился его размер, цвет и расположение. Пробовал по-разному, но не выходит, поскольку изменения начинают касаться и блока.