JSFiddle - React, Tailwind, and code Playground
HTML
<div class="button"></div>
CSS
.button {
text-align: center;
margin-bottom: 16px;
margin: 0;
padding: 0;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
border-radius: 50%;
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
display: inline-block;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
background-color: #00bcd4;
position: relative;
height: 56px;
width: 56px;
padding: 0;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.admin__add:before {
content:"\e604";
}