.stats-circle {
	display: flex;
	flex-direction: column;
	align-items: center;

	&__circle {
		display: flex;
		justify-content: center;
		align-items: center;

		padding: 2rem;
		width: 200px;
		height: 200px;

		border-radius: 100%;

		color: var(--color-white);
		background-color: var(--color-blue);

		.stats-circle--dark & {
			background-color: var(--color-blue-dark);
		}

		.stats-circle--xdark & {
			background-color: var(--color-blue-xdark);
		}

		.stats-circle--small & {
			width: 164px;
			height: 164px;
		}
	}

	&__title {
		margin-top: 2rem;
		text-align: center;
	}

	span {
		font-family: var(--font-montserrat);
		font-weight: var(--font-weight-bold);
		font-size: 4.8rem;
		color: var(--color-white);
	}

	&--small span {
		font-size: 3.6rem;
	}
}