Rendre un div cliquable

Bonjour,

J'ai un problème, je n'arrive pas à attribuer un lien à une div, voici le code :

<div id="play-icon"></div>

et voici le css :

#play-icon{position:absolute;right:0;top:0;display:block;height:60px;width:100px;background:rgb(26,88,125);padding:0;box-sizing:border-box;cursor:pointer; text-align: center;}
#play-icon:hover{background-color:$(main.bb.color)}
#play-icon a{height:50px;display:block;overflow:hidden}
div#play-icon:before {
content: "Jouer \f101";
font-family: "Roboto", Arial, sans-serif,"FontAwesome";
font-size: 17px;
color: #fff;
line-height: 60px;
text-transform: uppercase;
font-Weight: Bold;
}

Je souhaite que le bloc soit cliquable et renvoie vers un lien, merci !