Div não permite ter links dentro dela

Olá, tudo bem?

Tenho uma div que precisa ser clicavel, eu criei tudo certo porém ela não me permite colocar nenhum link dentro dela, segue o código:

CSS

#premiumbanner {
	background-color: #222;
	border-radius: 0px 5px 5px 0px;
	cursor: pointer !important;
	height: 212px;
	left: 0px;
	position: fixed;
	top: 240px;
	width: 60px;
}

#premiumbanner img {

	left: 5px;
	position: absolute;
	top: 22px;
	width: 28px;
}

#premiumbanner span {

	color: #fff;
	display: inline-block;
	font-size: 16px;
	left: -35px;
	position: absolute;
	text-transform: uppercase;
	transform: rotate(-90deg);
	top: 116px;
	white-space: nowrap;
}

	HTML

<div id='premiumbanner'>
	<img src='https://projetos.wpmasterlab.com/cursosonline/wp-content/uploads/2017/06/premium-icon.fw_.png'>
	<span>SEJA <a href='https://projetos.wpmasterlab.com/cursosonline/central/?add-to-cart=97'>PREMIUM</a></span>
</div>

	 

	No site fica desta forma:

	/applications/core/interface/imageproxy/imageproxy.php?img=https://s24.postimg.org/3t8n3da0l/print.jpg&key=54af777c7e9f3ba6bff5503e061e12f5abe08509ee815daa5b5fa9b43702ef0a" width="1000" />

	 

	Eu coloquei o link apenas na palavra premium, porém a div inteira deve ser clicável.

	 

	Como eu posso fazer isso??

	 

	Obrigado :D