.wp-block-artcloud-blocks-artcloud-highlight {
	margin-top: 4rem;
	color: var(--wp--preset--color--black);

	a.wp-block-post-excerpt__more-link {
		padding: calc(0.667em + 2px) calc(1.333em + 2px);
		background: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--white);
		text-decoration: none;
		border-radius: 3rem;
	}

	.image-cards {
		display: flex;
		align-items: center;
		margin-bottom: 50px;

		.post-image {
			flex: 0 0 55%;

			img {
				position: relative;
				z-index: 1;
				width: 100%;
			}
		}

		.post-content {
			width: 100%;
			margin-left: -180px;
			padding-left: 240px;
			padding-right: 80px;
			padding-top: 100px;
			padding-bottom: 100px;
			.alert-icon-svg {
				display: block;
			}
			h2 {
				color: var(--wp--preset--color--black) !important;
				font-weight: 500;
				font-size: 27px;
				line-height: 40px;
				margin: 20px 0;
			}

			p {
				margin-bottom: 50px;
			}
		}
	}

	.image-cards.row-reverse {
		flex-direction: row-reverse;

		.post-content {
			margin-left: 0;
			margin-right: -180px;
			padding-right: 240px;
			padding-left: 80px;
			padding-top: 100px;
			padding-bottom: 100px;

			p {
				color: var(--wp--preset--color--black);
			}
		}
	}

	@media only screen and (max-width: 781px) {
		.image-cards {
			flex-direction: column !important;

			.post-image {
				padding: 0 !important;
				flex: auto;

				img {
					position: relative;
					z-index: 1;
				}
			}

			.post-content {
				width: auto;
				margin-right: 0px !important;
				margin-left: 0px !important;
				padding: 30px !important;
				margin-top: -10px;
			}
		}

		&.row-reverse {
			.image-cards {
				flex-direction: column !important;

				.post-content {
					margin-right: 0;
				}
			}
		}
	}
}
