cr rundvrn | status online

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>

<style>
#button {
z-index:500; }

#button {
display: flex;
align-items: center;
background: #B0B0B0;
padding:4px;
width:70%;
border-radius:30px;
}

p3 {
display: flex;
align-items: center;
font-size: .9em;
color: #fff;
font-family: “georgia”;
animation:blinkingText .875s infinite;
margin: auto;
}
@keyframes blinkingText{
0%{ color: #fff; }
49%{ color: #fff; }
60%{ color: #000; }
99%{ color: #000; }
100%{ color: #fff; }
}
</style>

<center>
<div id="button"><text style="color:#fff;display: flex;
align-items: center;font-family: hearts;
font-size:.75em;">&nbsp;status: online <p3>&nbsp; ●</p3></div></center>