JSFiddle - React, Tailwind, and code Playground

by JInks Peng

HTML

<button class="destroy"></button>

CSS

.destroy:after{
    width:10px;
    height:10px;
  text-shadow: 0 0 1px #000,
           0 0 10px rgba(199, 107, 107, 0.8);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    color:red;
    content: '✖';
}
.destroy:hover{
  -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-shadow: 0 0 1px #000,
             0 0 10px rgba(199, 107, 107, 0.8);
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
}
button{
    background:#fff;
    border:1px solid transparent;
}