.cta {
    padding: calc(var(--spacing-lg) * 1.5) 0;
    background: var(--color);
    color: var(--white);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="939" height="438" viewBox="0 0 939 438" fill="none"><path d="M785.956 -369.307L-32.5985 449.248M23.5152 -193.668L795.77 578.586M938.444 -216.818L119.89 601.736" stroke="white"/></svg>');
    z-index: 2;
    position: absolute;
    left: 0;
    opacity: 0.1 !important;
    top: 50%;
    transform: translateY(-50%);
}

.cta .container {
    position: relative;
    z-index: 5;
}

.cta_content {
    max-width: calc(var(--spacing-xxl) * 9.4);
    margin: 0 auto;
}

.cta_title {
    font-size: var(--font-size-h5);
    padding-bottom: var(--spacing-md);
}

.cta_subtitle {
    font-weight: 500;
    padding-bottom: var(--spacing-md);
}

.cta_buttons {
    display: flex;
    gap: var(--spacing-sm);
    justify-content: center;
}

.cta_buttons a {
    background: var(--white);
    color: var(--color);
    border-color: var(--white);
}

.cta_buttons a::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M10.5 25.5L25.5 10.5" stroke="%234CB480" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 10.5H25.5V25.5" stroke="%234CB480" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.cta_buttons a:first-child:after {
    content: '';
    background: url('../../assets/images/arrow.png');
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-105%, 95%);
    height: var(--spacing-lg);
    width: var(--spacing-lg);
    background-size: contain;
    background-repeat: no-repeat;
}

.cta_buttons a:nth-child(2) {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    padding: var(--spacing-xxs) var(--spacing-md);
    color: var(--white);
}

.cta_buttons a:nth-child(2)::before {
    display: none;
}

.cta.dark {
    background: var(--black);
    color: var(--white);
}

.cta.dark .cta_buttons a {
    color: var(--black);
}

.cta.dark .cta_buttons a::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M10.5 25.5L25.5 10.5" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 10.5H25.5V25.5" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.cta.light {
    background: var(--colorLighter);
    color: var(--black);
}

.cta.light .cta_buttons a {
    color: var(--white);
    background: var(--black);
    border-color: var(--black);
}

.cta.light .cta_buttons a::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M10.5 25.5L25.5 10.5" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 10.5H25.5V25.5" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.cta.light .cta_buttons a:first-child:after {
    background: url('../../assets/images/arrow-black.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/* .block--custom {
    overflow-x: hidden;
} */