CSS Lösung um ein ganzes Element zu verlinken

Eine effektive CSS-Lösung, um ein ganzes Element durch Verknüpfen mit der URL eines darin enthaltenen Links anklickbar zu machen.

Bei dieser Methode wird ein transparentes Pseudoelement (::before oder ::after) in voller Größe über den gesamten übergeordneten Container gelegt und mit demselben href wie der interne Link versehen.

.card {
 position: relative; /* Establish a positioning context for the pseudo-element */
}
.card a::after {
 content: ''; /* Required for pseudo-elements */
 position: absolute; /* Position it absolutely within the parent */
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}