<div class="adding">
<div class="adding__inner">
<div class="adding__icon">+</div>
<div class="adding__text">Добавить</div>
</div>
</div>
.adding {
cursor: pointer;
width: max-content;
&:hover {
color: #02a86d;
}
&__inner {
display: flex;
align-items: center;
gap: 8px;
padding: 4px;
margin: -4px;
}
&__icon {
font-size: 22px;
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.