How To add a clickthrough link to shapes

https://summit-health-new.squarespace.com/test password: phdesign

Is it possible to add a click-through link to a shape? See circle titled "Living Well", basically Im looking to make each of these circles have a hover color and then click through to a page. Right now only the type is clickable and you loose the hover. 

It is possible in some circumstances to use a code block and CSS to get this effect.

Lay down a circle shape. Overlay a text block. Overlay a code block. This can be tricky as FE is finky about placing elements. My first try of the code block overlay, destroyed the placement of the underlying elements.

Code block code.

<a href="/"></a>

Example CSS for the code block.

#block-yui_3_17_2_1_1685728561254_18345 .sqs-block-content {

  height : 100%;
  
  }

#block-yui_3_17_2_1_1685728561254_18345 .sqs-block-content a {

  border-radius : 50%;
  display : block;
  height : 100%;
  width : 100%;
  
  }

This is for v7.1.

JavaScript might also be used to achieve a similar effect but I know of no code that does this.

Let us know how it goes.