.new-promo {
    .new-promo__content {
        .new-promo__content-card {
            position: relative;

            .new-promo__content-card-img {
                position: relative;
                z-index: 2;
            }

            h3 {
                position: relative;
                z-index: 2;

                a {
                    text-decoration: none;
                }
            }

            .wp-block-button {
                padding-top: 24px;
            }
        
            .new-promo__content-card-btn {
                position: absolute;
                top: 0;
                right: 0;
            }
        }
        
    }

    .new-promo__banner {

        .outline {
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: white;
            color: transparent !important;
            letter-spacing: 2px;
        }

    }
}

@media only screen and (max-width: 576px) {
    .new-promo {
        padding-left: 24px;
        padding-right: 24px;

        .new-promo__content {
            margin-bottom: 0;
        }

        .new-promo__banner {
            
            aspect-ratio: 9 / 16;
            background-position: center;

            figure {
                width: 160px;
                margin-left: 0 !important;
            }

        }
    }
}

@media only screen and (max-width: 1100px) {
    .new-promo {
        .new-promo__content {
            .new-promo__content-card {
                margin-bottom: 24px;

                .new-promo__content-card-img {
                    margin-top: 64px;

                    img {
                        aspect-ratio: 3 / 2;
                        object-fit: cover;
                        border-radius: 24px;
                    }
                }
    
                & > div {
                    flex-direction: column;
                    align-items: flex-start;
                }

                .new-promo__content-card-btn {
                    width: 100px;
                    height: 100px;
                }
            }
            
            .new-promo__content-card--red {
                padding-left: 24px !important;
                padding-right: 24px !important;

                & > div {
                    flex-direction: column-reverse;

                }

                .new-promo__content-card-img {

                    img {
                        aspect-ratio: 3 / 2;
                        object-fit: contain;
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 576px) and (max-width: 1100px) {
    .new-promo {
    
        .new-promo__content {
            .new-promo__content-card {
                margin-bottom: 24px;

                .new-promo__content-card-img {

                    img {
                        width: 30vw;
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1200px) {
    .new-promo {
    
        .new-promo__content {
            .new-promo__content-card {


                h3 {
                    margin-top: 0;
                    padding-top: 70px;
                }

                p {
                    position: relative;
                    z-index: 2;
                }

                .new-promo__content-card-img {
                    width: 19vw;
                }
            }

            .new-promo__content-card--red {
                .new-promo__content-card-img {
                    position: relative;
                    top: 70px; 
                    width: 13vw;
                    left: 7vw;
                }
            }
        }

        .new-promo__banner {
            aspect-ratio: 7 / 3;
        }
    }

}

@media only screen and (min-width: 1300px) {
    .new-promo {
    
        .new-promo__content {
            .new-promo__content-card {
                & > div {
                    align-items: center;
                    height: 100%;

                    h3 {
                        padding-top: 0;
                    }
                }
            }

            .new-promo__content-card--red {

                .new-promo__content-card-img {
                    top: 50px; 
                    left: 10vw;
                    width: 12vw;
                }
            }
        }
    }
        
}

@media only screen and (min-width: 1400px) {
    .new-promo {
    
        .new-promo__content {
            .new-promo__content-card {
                flex: auto;

                .new-promo__content-card-img {
                    width: 18vw;
                }
            }

            .new-promo__content-card--red {
                display: flex;
                align-items: center;

                .new-promo__content-card-img {
                    top: 50px; 
                    left: 9vw;
                    width: 12vw;
                }
            }
        }
    }

}

@media only screen and (min-width: 1800px) {
    .new-promo__content {
        gap: 0 32px;

        .new-promo__content-card {
            & > div {
                gap: 0 64px;
            }
        }

        
        .new-promo__content-card--red {

            .new-promo__content-card-img {
                left: 11vw;
            }
        }
    }
}

@media only screen and (min-width: 1921px) {
    .new-promo {

        & > div {
            max-width: 1920px;
        }
    }
}