/* frontend & editor styles */
// We need to escape forward slash or won't compile
// i.e. .w-1\/3 {}

.wp-block-turbocharged-testimonial-block-testimonial {
	.quotation-mark svg {
		width:100px!important;
		height:100px!important;
	}

	&.is-style-circle, &.is-style-circle-left, &.is-style-circle-right {
		.w-1\/4 {
			height:150px;
			width:150px;
		}
	}

	&.is-style-circle {
		.w-1\/4 {
			left:calc( 50% - 75px );
		}

		.w-full:not( .quotation-mark ) {
			margin-top:75px;
		}		
	}

	&.is-style-circle-left {
		.w-1\/4 {
			top:calc( 50% - 75px );
		}

		.w-full:not( .quotation-mark ) {
			margin-left:75px;
		}
	}

	&.is-style-circle-right {
		.w-1\/4 {
			top:calc( 50% - 75px );
		}

		.w-full:not( .quotation-mark ) {
			margin-right:75px;
		}
	}
}