/* @group @variables */

[class*="o-mutual-cta"] {
--head-2-font-family: var(--font-family-heading);
--head-2-font-size: 3.375rem;
--head-2-font-weight: 500;
--head-2-color: var(--color-white);
--font-size: 1.25rem;
--font-weight: var(--font-weight-bold);
--color: var(--color-white);
}

/* @end @variables */

/* @group @o-mutual-cta */

[class*="o-mutual-cta"] {
overflow: hidden;
position: relative;
display: grid;
grid-template-columns: var(--x-padding-left) 1fr var(--x-padding-right);
grid-template-rows: 4.5rem 1fr 5.25rem;
}

[class*="m-cta-background"] {
grid-column: 1 / span 4;
grid-row: 1 / span 4;
}

[class*="m-cta-body"] {
grid-column: 2;
grid-row: 2;
}

/* @end @o-mutual-cta */

/*--------------------------------------------------------*/

/* @group @m-cta-background */

[class*="m-cta-background"] {
position: absolute;
z-index: -1;
inset: 0;
}

[class*="m-cta-background"] img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* @end @m-cta-background */

/*--------------------------------------------------------*/

/* @group @m-cta-body */

[class*="m-cta-body"] {
display: grid;
grid-auto-flow: row;
gap: 1.875rem;
text-align: center;
}

/* @end @m-cta-body */

/*--------------------------------------------------------*/

/* @group @variables */

[class*="a-cta-body"] {
--font-weight: var(--font-weight-bold);
}

/* @end @variables */

/* @group @a-cta-copy */

[class*="a-cta-copy"] {
display: grid;
grid-auto-flow: row;
gap: .375rem;
letter-spacing: .25rem;
}

[class*="a-cta-copy"] h2 {
letter-spacing: .25rem;
}

/* @end @a-cta-copy */

/*--------------------------------------------------------*/

/* @group @variables */

[class*="a-cta-link-list"] {
--color: hsl(225deg 9% 82.5%);
}

[class*="a-cta-link-list"] dd {
--font-family: var(--font-family-heading);
--font-size: 1.875rem;
--line-height: 1.2;
}


@media (width >= 50em) { /* 800px -> * */

[class*="a-cta-link-list"] dd {
--font-size: 2.625rem;
--line-height: 1.16666667;
}

}

/* @end @variables */

/* @group @a-cta-link-list */

[class*="a-cta-link-list"] {
display: grid;
grid-auto-flow: row;
gap: 1.875rem;
}

[class*="a-cta-link-list"] dl {
display: grid;
place-content: center;
grid-auto-flow: column;
gap: .25rem;
font-family: var(--font-family-heading);
}

[class*="a-cta-link-list"] dt {
margin-top: .75rem;
font-size: 1.5rem;
}

[class*="a-cta-link-list"] dt:after {
content: '：';
margin-left: .125rem;
}

/* @end @a-cta-link-list */