Тег «а» внутру тега «а»?
Тег <a> нельзя вкладывать внутрь другого тега <a> исходя из спецификации HTML5. Даже если технически это осуществимо, ваш код будет невалидным. 
Переделайте разметку таким образом, чтобы ссылки в ней располагались независимо друг от друга, e.g.<div class="card">
  <a href="/product" class="card__product-link">/* Здесь контент карточки товара */</a>
   <ul class="card__socials socials">
       <li class="socials__item">
          <a href="#" class="socials__link"></a>
       </li> 
   </ul>
</div>
а дальше позиционируйте их относительно друг друга с помощью CSS.
карточка товара, это страница, на которой находится описание, цена, изображение, характеристики товара, откуда его можно добавить в корзину, или оформить быстрый заказ, как она может быть ссылкой