floating message box on bottom right of screen with close button

HTML

<div class='float-message'>
  <div class='float-message-inner'>
    <a href="#!" onclick="$('.float-message').hide();" class="close-link">X</a>
  	<p>I thought you might like to know that this site uses cookies! 🍪</p>
  </div>
</div>

CSS

.float-message {
	position:fixed;
  	z-index:1001;
  	max-width:400px;
  	bottom:20px;
  	right:20px;
  	padding:30px;
  	color:#444;
  	font-size:16px;
  	border-radius:5px;
  	background:#FFF;
  	box-shadow:0px 5px 10px rgba(0,0,0,0.5);
}
.float-message-inner {
	position:relative;
}
.close-link {
	text-decoration:none;
  	color:#444;
  	font-weight:bold;
  	position:absolute;
  	top:-15px;
  	right:-15px;
  	font-size:18px;
}