.content-card {
	text-align: center;
	padding-bottom: 50px;

	.content-card__title {
		color: var(--color-neutral-70);
		font-size: 34px;
		margin-bottom: 1em;

		@include breakpoint-deprecated( "<660px" ) {
			font-size: $font-title-medium;
		}
	}

	.content-card__message {
		color: var(--color-neutral-50);
		font-size: $font-title-small;
		font-weight: 400;
		margin-bottom: 40px;
		text-align: left;

		&.message_align_center {
			text-align: center;
		}

		@include breakpoint-deprecated( "<660px" ) {
			font-size: $font-body;
		}
	}

	.content-card__footer {
		color: var(--color-neutral-50);
		font-size: $font-title-small;
		font-weight: 400;
		margin-bottom: 16px;

		@include breakpoint-deprecated( "<660px" ) {
			font-size: $font-body;
		}
	}

	.content-card__action-button,
	.content-card__alternate-action-button {
		margin-bottom: 40px;
	}

	.content-card__alternate-action-button {
		margin-left: 16px;
	}

	&.content-card__loading-placeholder {
		.content-card__illustration {
			@include placeholder( --color-neutral-10 );
			width: 400px;
			height: 250px;
			margin-left: auto;
			margin-right: auto;

			@include breakpoint-deprecated( "<480px" ) {
				display: none;
			}
		}

		.content-card__message {
			@include placeholder( --color-neutral-10 );
			height: 24px;
			margin: 0 auto 10px;
			width: 50%;
		}

		.content-card__footer {
			@include placeholder( --color-neutral-10 );
			height: 20px;
			margin: 40px auto;
			width: 70%;
		}
	}
}
