.wp-block-maxdecisions-text-image-duo {
	margin-bottom: 80px;

	@media only screen and (min-width: 1024px) {
		margin-bottom: 104px;
	}

	.button-text-image {
		font-size: 16px;
		line-height: 24px;
		font-weight: 700;
		color: #fff;
		background-color: #1c1c1f;
		padding: 7px 43px 7px 13px;
		position: relative;
		border-radius: 4px;
		letter-spacing: 1px;
		display: inline-block;
		border: 1px solid #1c1c1f;
		display: inline-block;
		transition: all .3s ease-out;
		text-decoration: none;

	}

	.button-text-image::after {
		content: "";
		position: absolute;
		color: inherit;
		background-color: currentColor;
		transition: .3s ease-in-out;
		top: 50%;
		transform: translateY(-50%);
		right: 10px;
		-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgaWQ9Ikdyb3VwIj4KICAgIDxnIGlkPSJBcnJvd3NjaGV2cm9uX3JpZ2h0Ij4KICAgICAgPHBhdGggZD0iTTAgMEwzNSAwTDM1IDM1TDAgMzVMMCAwWiIgaWQ9IkJveC0yNHB0IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgLz4KICAgICAgPHBhdGggZD0iTTEzLjc2OTEgMTEuMjc5MUwxNS44MzE1IDkuMjE2NjdMMjQuMTYxMSAxNy41NDYzTDE1LjgzMTUgMjUuODc1OUwxMy43NjkxIDIzLjgxMzVMMjAuMDM2MyAxNy41NDYzTDEzLjc2OTEgMTEuMjc5MVoiIGlkPSLwn46oLUljb24tU3R5bGUiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
		mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgaWQ9Ikdyb3VwIj4KICAgIDxnIGlkPSJBcnJvd3NjaGV2cm9uX3JpZ2h0Ij4KICAgICAgPHBhdGggZD0iTTAgMEwzNSAwTDM1IDM1TDAgMzVMMCAwWiIgaWQ9IkJveC0yNHB0IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgLz4KICAgICAgPHBhdGggZD0iTTEzLjc2OTEgMTEuMjc5MUwxNS44MzE1IDkuMjE2NjdMMjQuMTYxMSAxNy41NDYzTDE1LjgzMTUgMjUuODc1OUwxMy43NjkxIDIzLjgxMzVMMjAuMDM2MyAxNy41NDYzTDEzLjc2OTEgMTEuMjc5MVoiIGlkPSLwn46oLUljb24tU3R5bGUiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
		width: 23px;
		height: 23px;
	}

	.button-text-image:hover {
		color: #1c1c1f;
		border: 1px solid #1c1c1f;
		background-color: transparent;
	}

	.text-image-duo__wrapper {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin: 0;
		align-items: initial;

		@media only screen and (min-width: 1024px) {
			flex-direction: row;
			align-items: center;
		}

		.left-content, .right-content {
			flex: 100%;

			@media only screen and (min-width: 1024px) {
				flex: 0 calc(50% - 98px);
			}
		}

		.left-content {
			margin: 0;
			margin-bottom: 41px;

			@media only screen and (min-width: 1024px) {
				margin-bottom: 0;
			}

			.title {
				font-size: 32px;
				font-weight: 700;
				line-height: 1.2;
				margin-bottom: 18px;

				@media only screen and (min-width: 1024px) {
					font-size: 48px;
					margin-bottom: 24px;
				}
			}

			.text {
				width: 100%;
				margin-bottom: 0;

				@media only screen and (min-width: 1024px) {
					margin-bottom: 32px;
					width: 437px;
				}
			}
		}

		.right-content {
			margin: 0;
			flex: 100%;

			@media only screen and (min-width: 1024px) {
				margin-bottom: 36px !important;
				padding: 0;
			}

			img {
				object-fit: contain;
				height: auto;
				width: 100%;
				max-width: 100%;

				@media only screen and (min-width: 1024px) {
					height: 100%;
					width: 543px;
					object-fit: cover;

				}
			}
		}
	}
}

.is-style-reversed {
	margin-bottom: 104px;

	.button-container-text-image {
		@media only screen and (min-width: 1024px) {
			justify-content: end !important;
		}
	}

	.text-image-duo__wrapper {
		flex-direction: column-reverse;
		margin: 0;

		@media only screen and (min-width: 1024px) {
			flex-direction: row-reverse;
			margin: 0 -60px;
		}

		.left-content, .right-content {
			flex: 100%;
			margin: 0;

			@media only screen and (min-width: 1024px) {
				flex: 0 calc(50% - 121px);
				margin: 0 60px 0px;
			}
		}

		.left-content {
			margin-bottom: 55px;

			@media only screen and (min-width: 1024px) {
				margin-bottom: 0;
			}
		}

		.right-content {
			@media only screen and (min-width: 1024px) {
				margin: unset;
			}

			img {
				object-fit: contain;
				height: auto;
				width: 100%;
				max-width: 100%;

				@media only screen and (min-width: 1024px) {
					flex: 0 calc(50% - 121px);
					margin: 0 60px 0px;
				}

				@media only screen and (min-width: 1024px) {
					object-fit: cover;
					width: 543px;
					height: 100%;
				}
			}
		}
	}
}