.block-cta-custom{padding: 0 !important; overflow-x: clip;}
.block-cta-custom .cta-area{background-color: #C9D3C8; padding: 10rem 0;}
.block-cta-custom .cta-area .container{z-index: 2;}
.block-cta-custom .cta-area .container p{margin-top: 3rem;}
.block-cta-custom .cta-area .container a.button{margin-top: 2.5rem; position: relative;}
.block-cta-custom .cta-area .container a.button::before{content: ''; position: absolute; left: calc(100% - 2rem); top: calc(50% - 3rem); transform: translate(0, -50%) rotate(-1deg); pointer-events: none;}
.block-cta-custom .cta-area .container a.button::before{z-index: -1; width: 88vw; height: 285px; opacity: 0.4; background-image: url('/wp-content/themes/toast/assets/images/accents/speech-extended-accent.svg'); background-position: left center; background-size: contain; background-repeat: no-repeat;}

.block-cta-custom .cta-area .accent{position: absolute; bottom: 1rem; right: -6%; transform: rotate(-1deg); pointer-events: none; z-index: 1; width: 80%; opacity: 0.8;}
.block-cta-custom .cta-area .accent svg{fill: var(--brand-3); display: flex; width: 100%; height: 285px;}

@media(max-width: 768px){
    .block-cta-custom .cta-area .container a.button::before{width: 75vw; height: 150px; top: calc(50% - 1rem);}
}

@media(max-width: 550px){
    .block-cta-custom .cta-area .container a.button::before{width: 100vw; height: 125px; left: calc(50% - 2rem);}
}