.editor-styles-wrapper .applicationscta {
	position: relative;
	min-height: 640px;
	padding: var(--section-padding);
	background: #A0968A;
	color: var(--wp--preset--color--font-colors-font-light-1);

	@media(max-width: 767px) {
		min-height: 0;
		padding: 0 0 40px;
	}

	h3,
	.label {
		color: #fff;
	}

	.btn-animated {
		color: var(--wp--preset--color--white);

		&:before,
		&.is-style-animated :is(wp-block-button__link, .nav-link):before {
			background: var(--wp--preset--color--white);
		}

		&:after,
		&.is-style-animated :is(.wp-block-button__link, .nav-link):after {
			content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8"><path fill="none" stroke="%23A0968A" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m1 1 3 3-3 3"/></svg>');
		}
	}

	@media (hover: hover) {
		.btn-animated:hover,
		.btn-animated:active,
		.is-style-animated :is(.wp-block-button__link, .nav-link):hover,
		.is-style-animated :is(.wp-block-button__link, .nav-link):active {
			color: #A0968A;
		}
	}

	.bg {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		@media(max-width: 767px) {
			position: relative;
			aspect-ratio: 390/210;
		}

		&::after {
			content: '';
			display: block;
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, #A0968A 49.23%, rgba(221, 207, 190, 0.00) 67.58%), linear-gradient(90deg, rgba(0, 0, 0, 0.28) 31.75%, rgba(0, 0, 0, 0.00) 99.72%);

			@media(max-width: 767px) {
				top: auto;
				bottom: 0;
				height: 100px;
				background: linear-gradient(0deg, #A0968A 0%, rgba(221, 207, 190, 0) 100%);
			}
		}

		img {
			position: absolute;
			z-index: 1;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.container {
		position: relative;
		z-index: 3;
	}
}