🪀 crd tuto: search bar embed

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

/* change this if you dont want it positioned */
<style>
#button {
position: relative;
bottom: -0.3em;
}

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

p3 {
display: flex;
align-items: center;
font-size: .9em;
color: #FFFFFF;
font-family: “georgia”;
animation: blinkingText .875s infinite;
margin: auto;
}

@keyframes blinkingText{
0%{ color: #FFFFFF; }
49%{ color: #FFFFFF; }
60%{ color: #FFA4D6; }
99%{ color: #FFA4D6; }
100%{ color: #FFFFFF; }
}
</style>

<div id="button"><i class="fas fa-globe" style="font-size: 20px; color: #FFB3DE;"></i>
<text style="color: #BBB6B8;display: flex;
align-items: center;font-family: arial;font-size: .865em;">&nbsp;www.dollzito.com <p3>&nbsp;|</p3></div>