.editor-styles-wrapper{
	.productrangeoverview{
		padding: var(--section-padding);
		background: var(--wp--preset--color--background-colors-bg-light-1);
	}
	.productrangeoverview .row{
		gap: 32px 0;
	}
	.productrangeoverview .ipad{
		position: relative;
		display: block;
		max-width: 642px;
	}
	.productrangeoverview .ipad:after{
		content: '';
		display: block;
		position: absolute;
		z-index: 1;
		top: 20px;
		left: 20px;
		width: calc( 100% - 43px );
		height: calc( 100% - 41px );
		background: var(--wp--preset--color--main-colors-orange);
		border-radius: 10px;
		opacity: 0;
		transition: opacity .3s ease;
	}
	.productrangeoverview .ipad:active:after,
	.productrangeoverview .ipad:hover:after{
		opacity: .7;
	}
	.productrangeoverview .ipad .fake-link{
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateY(10px) translateX(-50%);
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 6px 20px;
		background: var(--wp--preset--color--font-colors-font-dark-1);
		border-radius: 999px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.7143;
		letter-spacing: 0.12em;
		color: var(--wp--preset--color--main-colors-weiss);
		text-transform: uppercase;
		opacity: 0;
		transition: all .3s ease;
		transition-property: opacity, transform;
	}
	.productrangeoverview .ipad .fake-link:before{
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M4.66667 12.25H11.9c.0928 0 .1818-.0369.2475-.1025A.35033.35033 0 0 0 12.25 11.9V2.1a.35015.35015 0 0 0-.1025-.24749A.35017.35017 0 0 0 11.9 1.75H2.1a.35.35 0 0 0-.35.35v7.23333m.29167 2.62497L7 7m0 0v2.33333M7 7H4.66667"/></svg>');
		font-size: 0;
		line-height: 1;
	}
	.productrangeoverview .ipad:active .fake-link,
	.productrangeoverview .ipad:hover .fake-link{
		transform: translateY(-50%) translateX(-50%);
		opacity: 1;
	}
}