.end-page-section {
    background: var(--color-black);
}

.end-page-content {
    background: var(--color-orange);
    /* Remove padding-top here as the network-cta handles its own padding or we can add it here if needed */
}

.end-page-content .network-cta {
    padding: var(--spacing-section-top) var(--spacing-wrapper);
}

/* Ensure the CTA text color is correct for the orange background */
.end-page-content .network-cta {
    color: var(--color-sand);
}

.end-page-content .network-cta .heading,
.end-page-content .network-cta h3,
.end-page-content .network-cta .h3,
.end-page-content .network-cta p {
    color: var(--color-sand);
}

.end-page-content .network-cta .h3 .marked {
    color: var(--color-black);
}

.end-page-content .network-cta .cta-button,
.end-page-content .network-cta .cta-button .cta-button-text {
    color: var(--color-orange);
}

.end-page-content .network-cta .cta-button .cta-button-text,
.end-page-content .network-cta .cta-button .cta-button-patch .circle {
    background-color: var(--color-black);
}

.end-page-content .network-cta .cta-button .cta-button-patch .circle svg path {
    fill: var(--color-orange);
}

.end-page-content .network-cta .cta-button:hover .cta-button-text,
.end-page-content .network-cta .cta-button:hover .cta-button-patch .circle {
    background-color: var(--color-sand);
    color: var(--color-black);
}

.end-page-content .network-cta .cta-button:hover .cta-button-patch .circle svg path {
    fill: var(--color-black);
}