.ccl-v2-widget.callout-tiles-v2-4-across {
    & .widget-inner {
        --tiles-gap: 18px;
        --title-padding: 16px var(--space-3);
        --title-size: var(--text-sm);
    }


    & .slides {
        gap: var(--tiles-gap, var(--space-4));
        max-width: calc(1440px - 144px);
        padding: 0 var(--space-5);
    }
    
    & .slide:hover:has(.slide-top a) .slide-title {
        border-color: var(--white);
    }
    & .overlap-image .content-section {
        padding: var(--title-padding);
        padding-top: 0;
        justify-content: flex-end;
        align-items: start;
        text-align: start;
        & .info-flag {
            display: none;
        }
        & .slide-title {
            border-bottom: 2px solid transparent;
            transition: border-color var(--transition-appendix);
            font-size:var(--title-size);
        }
    
        & .slide-title-text {
            word-break: break-word;
            text-transform: uppercase;
            letter-spacing: 1.1px;
        }
        
        & a .slide-title-text::after {
            font: var(--fa-font-sharp-solid);
            content: "\00a0\f04e";
        }
    }
    
    @container (min-width: 40em) {
        & .widget-inner {
            --title-size: 1.375rem;
        }
    }
    @container (min-width: 64em) {
        & .widget-inner {
            --tiles-gap: var(--space-6);
            --title-padding: 28px var(--space-5);
        }
    }
}
