display: flex; align-items: flex-start; и при :hover у тебя не будут скакать соседние блоки, просто меняй высоту/padding/margin нужного, через свойства + добавь transition: "свойство".3s ease; что бы все было плавно..tariff-plan:hover .tariff-price,
.tariff-plan:hover .btn-tariff {
background-color: orange;
}<ul>
<li> <span> icon </span> <span> Lorem ipsum 591 </span> </li>
</ul>max-width: 1200px;<header class="header">
<div class="wrapper">
<a href="#">Logo</a>
<div class="contact-section">
<div class="...">.....</div>
<div class="...">.....</div>
<div class="...">.....</div>
</div>
</div>
<div class="navigation">
<div class="wrapper">
<nav class="....">
<ul>
<li>.......<li>
</ul>
</nav>
</div>
</div>
</header><form>
<select>
<option></option>
.......
<option></option>
</select>
<input type="search">
<button type="submit"></button"
</form><div class="block"></div>.block {
width: 150px;
height: 300px;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 153, 76, .7));
}