Cсылка на весь блок, когда внутри есть другие кнопки и ссылки

Когда весь блок (карточка обычно) должен быть кликабелен. По правилам валидаторов, если внутри блока будут интерактивные элементы (ссылки / кнопки) — такой блок нельзя обернуть в ссылку и сделать ее блочной.

Можно помудрить с js — подарить блоку data-target="https://acwebsite.ru" и ловить клик по блокам, делать «ручное» перенапаравление. Но это не очень удобно, лишний код. И сеошники потом спасибо не скажут — они добавляют свои аттрибуты в ссылку, а там уже есть data-target 🤷‍♂️

Лучше использовать seo-friendly вариант. В таком случае ссылку надо разместить внтурки блока и растянуть ее или ее псевдоэлемент на вcего родителя через position:absolute

.link {
    display: block;
    position: static;
    font-size: 0;
    padding: 0;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2; //"Выше" блока - родителя
  }
}