.wp-block-group.alignfull,
.editor-styles-wrapper .wp-block-group.alignfull {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: var(--wp--preset--spacing--large);
	padding-right: var(--wp--preset--spacing--large);
}

.wp-block-group.is-style-shadow {
	box-shadow: 0px 48px 64px -20px rgba(0, 0, 0, 0.2);
}

/* Extend alignwide past the global wide size
 * This is to allow for the group block to be wider than the global wide size
 --------------------------------------------- */
.wp-block-group.has-background.alignwide {
	max-width: calc(var(--wp--style--global--wide-size) + (var(--wp--preset--spacing--x-large) + var(--wp--preset--spacing--x-large))) !important;
	padding-left: var(--wp--preset--spacing--x-large);
	padding-right: var(--wp--preset--spacing--x-large);
}

/*
 * Add CTA styles to group blocks
 * All CTA patterns use a group so loading here works better
 */

/* Avatars */
.avatars-stacked>figure {
	margin-left: -12px !important;
}

.avatars-stacked figure:first-of-type {
	margin-left: 0 !important;
}

/* Arrows */
.has-arrow-left,
.has-arrow-right {
	position: relative;
	display: block;
}

.has-arrow-left::before,
.has-arrow-right::before {
	position: absolute;
	bottom: 16px;
	width: 72px;
	height: 78px;
	content: '';
	background-color: var(--wp--preset--color--primary);
	mask-size: cover;
	-webkit-mask-size: cover;
}

.has-arrow-left::before {
	right: -88px;
	-webkit-mask: url('../assets/images/icons/arrow_left.svg');
	mask: url('../images/icons/arrow_left.svg');
}

.has-arrow-right::before {
	left: -88px;
	-webkit-mask: url('../images/icons/arrow_right.svg');
	mask: url('../images/icons/arrow_right.svg');
}

.has-foreground-1-background-color .has-arrow-left::before,
.has-foreground-1-background-color .has-arrow-right:before,
.has-primary-background-color .has-arrow-left::before,
.has-primary-background-color .has-arrow-right::before {
	background-color: var(--wp--preset--color--background-1);
}

.has-secondary-background-color .has-arrow-right::before,
.has-secondary-background-color .has-arrow-left::before {
	background-color: var(--wp--preset--color--foreground-1);
}

@media (max-width: 1200px) {

	.has-arrow-left::before,
	.has-arrow-right::before {
		display: none;
	}
}