JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/css3finalize/3.1/jquery.css3finalize.min.js"></script>
<div class="pack">
    <h2><i class="icon-folder-open"></i> 269</h2>
    <p>15 maps</p>
</div>

CSS

/*** gangnam box style ***/
@keyframes packAnimation {
  from { transform: scale(1,1); }
  to { transform: scale(1.1,1.1); }
}

.pack:hover{
    animation:packAnimation 0.3s infinite alternate;
    box-shadow:0 0 7px #ffb01c;
    background-color:#ffb01c;
    color:#2f2f2f;
    text-shadow:0 0 6px white;
}