.contentRender_name_plugins_common_cta_panel {
    background: var(--primary);
}

.cta-panel {
    color: var(--white);
    padding: var(--space-10) var(--space-5);
    display: grid;
    gap: var(--space-5);
    margin-bottom: 3px;

    .subtitle {
        text-transform: uppercase;
        font-size: clamp(var(--text-sm), 0.667rem + 0.52vw, var(--text-base));
    }

    .title {
        font-size: clamp(var(--text-2xl), -0.688rem + 5.47vw, var(--text-5xl));
        margin-bottom: var(--space-4);
    }

    .links {
        display: grid;
        gap: var(--space-8);
        margin-bottom: var(--space-5);
    }

    .widget-view-all {
        color: inherit;
        font-family: var(--font-title-r);
        font-size: var(--text-xl);
        text-wrap: nowrap;
        display: flex;
        align-items: flex-end;

        &::after {
            content: '';
            display: inline-block;
            background: url(/includes/client_public/assets/shared/icons/arrow_right.svg) center / contain no-repeat;
            height: 21px;
            width: 23px;
            margin-left: var(--space-3);
            transform: translateY(-2px);
        }
    }

    @media (width >= 40em) {
        .links {
            grid-template-columns: 1fr 1fr;
            margin-block: var(--space-8);
        }
    }

    @media (width >= 64em) {
        padding: var(--space-16) var(--space-5);
        gap: 30px;
        max-width: var(--width-base);
        margin: 0 auto 3px;

        .title {
            margin-bottom: 0;
        }

        .links {
            row-gap: 56px;
        }

        .widget-view-all {
            margin-bottom: var(--space-8);
        }
    }
}