JSFiddle - React, Tailwind, and code Playground

HTML

test: 
<div class=spinnerbtn></div>

CSS

.spinnerbtn {
	float: left;
	position:relative;
	margin-right: 5px;
	border: 2px solid #337ab7;
	border-radius: 50%;
	border-top: 2px solid #fff;
	width: 20px;
	height: 20px;
	
	animation: spin 0.5s linear infinite;
	-moz-animation: spin 0.5s linear infinite; /* Firefox */
	-webkit-animation: spin 0.5s linear infinite; /* Safari */

}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}