<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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.