.empty-content {
	max-width: 960px;
	overflow: hidden;
	margin: 35px auto 0;
	padding-top: 20px;
	text-align: center;

	@include breakpoint-deprecated( "<660px" ) {
		padding-top: 10px;
		margin-left: 15px;
		margin-right: 15px;
	}

	&.has-title-only {
		padding-top: 150px;

		.empty-content__title {
			margin-bottom: 40px;
		}
	}
}

.empty-content__icon {
	svg {
		fill: var(--color-neutral-50);
	}
}

.empty-content__title {
	@extend .wp-brand-font;
	color: var(--color-neutral-70);
	font-size: 34px;

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

.empty-content__line {
	color: var(--color-neutral-50);
	font-size: $font-title-small;
	margin-bottom: 40px;

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

.empty-content__action,
button.empty-content__action,
a.empty-content__action {
	margin: 0 0 10px 10px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.empty-content.is-compact {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 20px;

	.empty-content__illustration {
		margin-top: -130px;

		@include breakpoint-deprecated( "<660px" ) {
			margin-top: -80px;
		}
	}

	.empty-content__title {
		font-size: $font-title-large;

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