JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hotline hidden-xs">
<img class="faa-wrench animated" src="https://3.bp.blogspot.com/-aWi0lzt8L28/Wd7bmhSlYXI/AAAAAAAAAbY/FFCLiSZq8DwIfUYsflce-uz9qvPYpfC8wCLcBGAs/s1600/phone.png" />
<div class="hotline-no">
<a href="tel:0983078804">0983.078.804</a> tư vấn miễn phí
</div>
</div>

CSS

.hotline {
background: url(https://2.bp.blogspot.com/-ZTC7I2s1EUE/Wd7i5WWR95I/AAAAAAAAAbs/NlubTccHwakuukjHkgNx51Y9iS910QsDACLcBGAs/s1600/hotline.png);
background-size: cover;
position: fixed;
left: 0;
z-index: 9999999;
height: 100px;
width: 300px;
color: #fff;
padding: 30px 0 0 45px;
bottom: 70px;
}

.hotline-no a {
color: #FFF;
}
.hotline .hotline-no {
float: left;
}
.faa-wrench.animated {
animation: wrench 2.5s ease infinite;
animation-name: wrench;
animation-duration: 2.5s;
animation-timing-function: ease;
animation-delay: initial;
animation-iteration-count: infinite;
animation-direction: initial;
animation-fill-mode: initial;
animation-play-state: initial;
}
.hotline p:first-child {
font-family: utm_avobold,sans-serif;
font-size: 14px;
}

.hotline p {
font-size: 11px;
font-family: utm_avoregular,sans-serif;
text-transform: uppercase;
margin: 0;
}
.hotline p {
text-align: center;
}

.hotline img {
float: left;
margin: 11px 18px 0 3px;
}
img {
border: 0;
vertical-align: middle;
}
@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}100%,75%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover&gt;.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease...