/* Search button spinner */
.btn-spinner {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.btn-spinner .spinner {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

.btn-spinner.loading .spinner {
	display: inline-block;
}

.btn-spinner.loading .btn-text {
	visibility: hidden;
}

.btn-spinner.loading {
	pointer-events: none;
}

/* Background color in Safari */
.btn-primary.btn-spinner:focus,
.btn-primary.btn-spinner:active {
	background-color: var(--bs-primary, #0d6efd) !important;
	border-color: var(--bs-primary, #0d6efd) !important;
	transform: none !important;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}