.uth-bsa-score {
	display: flex;
	align-items: center;
	gap: 20px;
}

.uth-bsa-score__ring {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	font-weight: 800;
	color: #fff;
	background: conic-gradient(var(--uth-primary) 0%, #e2e8f0 0);
	flex-shrink: 0;
}

.uth-bsa-score__ring::before {
	content: '';
	position: absolute;
	inset: 10px;
	border-radius: 50%;
	background: #fff;
}

.uth-bsa-score__ring {
	position: relative;
	color: var(--uth-primary);
}

.uth-bsa-score__label {
	display: flex;
	flex-direction: column;
}

.uth-bsa-score__label strong {
	font-size: 1.15rem;
}

.uth-bsa-score__label span {
	font-size: 0.82rem;
	color: var(--uth-muted);
}

@media (max-width: 480px) {
	.uth-bsa-score {
		flex-direction: column;
		align-items: flex-start;
	}
}