@layer components.news-image-text {
	[data-c-news-image-text] {
		padding-top: 50px;
		padding-bottom: 50px;
		font-size: var(--font-size-base);
		color: var(--color-dark-blue);
		position: relative;

		@media screen and (max-width: 991px) {
			row-gap: var(--space-8);
		}

		@media screen and (max-width: 767px) {
			padding-top: 16px;
			padding-bottom: 16px;
			font-size: var(--font-size-lg);
		}

		@media (max-width: 576px) {
			font-size: var(--font-size-md);
		}

		.text-content {
			:where(p, ul, ol):not(:last-child) {
				margin-bottom: var(--space-4);
			}

			h2 {
				font-family: var(--font-family-serif);
				font-weight: var(--font-weight-heavy);
				font-size: var(--font-size-3xl);
				margin-bottom: var(--space-3);
				line-height: 120%;

				@media screen and (max-width: 575px) {
					font-size: var(--font-size-2xl);
				}
			}
		}

		.download-button {
			margin-top: var(--space-10);

			@media screen and (max-width: 767px) {
				margin-top: var(--space-6);
				margin-bottom: var(--space-6);
			}
		}

		.blob {
			position: absolute;
			bottom: -120px;
			left: 0;
			width: 195px;
			height: auto;
			user-select: none;

			@media screen and (max-width: 1199px) {
				width: 150px;
				bottom: -50px;
			}

			@media screen and (max-width: 992px) {
				display: none;
			}
		}

	}
}