// =============================================================================
// :: Card
// =============================================================================
.c-card {
	width: 100%;
	padding: 5rem 4.5rem;

	background-color: $background-color-base;
	box-shadow: 0 1.3rem 4rem -1rem $box-shadow-color-medium;
	border-radius: $border-radius-2x-small;

	@include respond-at(get-breakpoint("desktop")) {
		max-width: 33rem;
	}
}

// =============================================================================
// :: Elements
// =============================================================================
.c-card__title {
	font-family: $font-family-primary;
	font-size: $font-size-1x-large;
	font-weight: $font-weight-ultrabold;

	color: $text-color-highlight;

	@include respond-at(get-breakpoint("tablet")) {
		font-size: $font-size-3x-large;
	}
}

.c-card__content {
	margin-top: 1.5rem;

	a {
		color: inherit;
	}
}

.c-card__button {
	margin-top: 2.5rem;
}

.c-card__cta {
	display: block;

	margin-top: 2.5rem;

	font-weight: $font-weight-bold;
}