.call-to-action-block .container {
	background: var(--colour-deep-teal);
	border-radius: var(--border-radius);
	display: grid;
	grid-template-columns: auto 1fr auto;
	overflow: hidden;
	padding-left: var(--gutter-xxl);
	padding-right: calc(var(--gutter-xxl) + 16px);
	align-items: center;
	gap: var(--gutter-xl);
}

.call-to-action-block .heading {
	word-wrap: normal;
	margin-bottom: 0;
	color: var(--font-colour-white);
}

.call-to-action-block .button-container {
	min-width: fit-content;
}

.call-to-action-block .textarea {
}
.call-to-action-block .button-container-inner {
	justify-content: flex-end;
}

.circle-graphic {
	height: 120%;
	position: relative;
}
.circle-graphic img {
  height: 100%;
}


.call-to-action-block.style-graphic-centre .container {
	grid-template-columns: 27% 262px 1fr;
}

.call-to-action-block.style-graphic-centre .circle-graphic {
order: 2;
}
.call-to-action-block.style-graphic-centre .heading {
order: 1;
}
.call-to-action-block.style-graphic-centre .textarea {
	order: 3;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	gap: var(--gutter-s) var(--gutter-l);
	font-size: 1.2rem;
	flex-wrap: wrap;
}
.call-to-action-block.style-graphic-centre .textarea a {
color: var(--font-colour-white);
font-weight: 400;
}



@media all and (max-width: 1640px) {
.call-to-action-block .container {
	padding-left: var(--gutter-l);
	padding-right: var(--gutter-l);
	gap: var(--gutter);
}
}
@media all and (max-width: 1023px) {
.call-to-action-block .container {
	grid-template-columns: 78px 1fr auto;
}
.call-to-action-block.style-graphic-centre .container {
	grid-template-columns: 1fr 156px 1fr;
}
.block.call-to-action-block .circle-graphic {
	height: auto;
	width: 156px;
	transform: translateY(-50%);
	margin: 0 auto;
}
.block.call-to-action-block.style-graphic-left .circle-graphic {
	transform: translateX(calc(-50% - var(--gutter-l)));
}
.call-to-action-block.style-graphic-centre .textarea {
	font-size: 1.1rem;
}
.call-to-action-block.style-graphic-left .container {
	padding-top: var(--gutter-l);
	padding-bottom: var(--gutter-l);
}
}
@media all and (max-width: 768px) {
.block.call-to-action-block .container {
	grid-template-columns: 1fr;
	padding-bottom: var(--gutter-l);
	padding-top: 0;
}
.block.call-to-action-block .circle-graphic {
	order: 1;
	height: auto;
	width: 156px;
	transform: translateY(-50%);
	margin: 0 auto -78px auto;
}
  .block.call-to-action-block.style-graphic-left .circle-graphic {
    transform: translateY(-50%);
  }
.block.call-to-action-block .heading {
      order: 2;
      text-align: center;
}
.block.call-to-action-block .textarea {
	gap: 0;
	margin-bottom: 0;
	margin-top: auto;
text-align: center;
    justify-content: center;
    flex-direction: column;
}
.block.call-to-action-block .button-container {
  order: 3;
}
.call-to-action-block .button-container-inner {
	justify-content: center;
	margin-top: var(--gutter-s);
}
}
@media all and (max-width: 413px) {
.call-to-action-block.style-graphic-centre .textarea {
	font-size: 1rem;
}
}
@media all and (max-width: 340px) {
.call-to-action-block .mobile-hidden {
	display: none;
}
}