Untitled

dabblet.css

@keyframes rotate{
	from{
		transform:rotate(0deg) translate(-100px) rotate(0deg);
	}
	to{
		transform:rotate(360deg) translate(-100px) rotate(-360deg);
	}
}
#wrap{
position:relative;
}
#promolink{
font-size:10px;
font-family:sans-serif;
font-weight:bold;
background:#333;
color:white;
width:30px;
height:30px;
display:block;
position:absolute;
top:300px;
left:300px;
border-radius:30px;
padding:5px;
text-align:center;
animation: rotate 7s infinite linear;
animation-play-state:running;
}
#logo{
position:absolute;
top:275px;
left:275px;
}
#promolink:hover {
	animation-play-state:paused;
}

dabblet.html

<div id="wrap"><a id="promolink" class="sp-circle-link" href="#">10%</a>​
<a id="logo" href="#"><img src="https://2flamingos.com/logo-2flamingos-pink-text.png" width="100">
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}