:root{
	--border-color: #d4eff7;
	--border-top-color: #1848a0;
}

.white{
	--border-color: transparent;
	--border-top-color: white;
}

.blue{
	--border-color: transparent;
	--border-top-color: red;
}

.spinner-border{
	width: 20px;
	height: 20px;
	position: relative;
}
.spinner::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	border: 2px solid var(--border-color);
	border-top-color: var(--border-top-color);
	border-radius: 50%;
	animation: button-loading-spinner 0.6s linear infinite;
}

@keyframes button-loading-spinner {
	from {
		transform: rotate(0turn);
	}

	to {
		transform:  rotate(1turn);
	}
}