Как сделать блок ссылкой?

.outer{ 
  position:relative; 
  background: green; 
  height: 200px; 
} 
.direct-link { 
  position:relative; 
  z-index:2; 
  background: red; 
} 
.all-block-link { 
  position:absolute; 
  z-index:1; 
  width:100%; 
  height:100%; 
  left:0; 
  top:0; 
}

<div class="outer"> 
    <div class="inner"> 
        <a href="google.com" class="direct-link">link</a> 
    </div> 
    <a href="some-other-link.com" class="all-block-link">link</a> 
</div>