// =============================================================================
// :: Usp
// =============================================================================
.c-usp {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;

	height: 100%;

	text-align: center;
}

// =============================================================================
// :: Elements
// =============================================================================
.c-usp__title {
	margin: 3rem 0 2.4rem;

	font-weight: $font-weight-medium;

	color: $text-color-light;
}

.c-usp__text {
	display: inline-block;

	line-height: $line-height-2x-large;

	color: $text-color-light;

	p {
		color: inherit;
	}
}

.c-usp__button {
	margin-top: 5rem;
}

.c-usp__icon {
	font-size: $font-size-3x-large;

	color: $text-color-light;
}

// =============================================================================
// :: Modifiers
// =============================================================================
.c-usp--theme-purple {

	.c-usp__title,
	.c-usp__text,
	.c-usp__icon,
	p {
		color: $text-color-base;
	}
}

.c-usp--theme-white {

	.c-usp__title,
	.c-usp__text {
		color: $text-color-base;
	}

	.c-usp__icon {
		color: $text-color-highlight;
	}

	.c-usp__title {
		font-weight: $font-weight-bold;
	}

	.c-usp__text {
		font-weight: $font-weight-normal;
	}
}