.btn-primary {
	@apply px-6 py-3 rounded bg-primary text-white text-sm font-bold whitespace-nowrap hover:bg-secondary focus:bg-secondary;
}

.btn-secondary {
	@apply px-6 py-3 rounded bg-secondary text-white text-sm font-bold whitespace-nowrap hover:bg-primary focus:bg-primary;
}

.btn-danger {
	@apply px-6 py-3 rounded bg-danger text-white text-sm font-bold whitespace-nowrap hover:bg-primary focus:bg-primary;
}

.btn-sm {
	@apply px-3 py-2 rounded text-xs font-bold whitespace-nowrap;
}

.btn-spinner,
.btn-spinner:after {
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
}

.btn-spinner {
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 0.2em solid white;
	border-right: 0.2em solid white;
	border-bottom: 0.2em solid white;
	border-left: 0.2em solid transparent;
	transform: translateZ(0);
	animation: spinning 1s infinite linear;
}

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