.paragraph--type--embed-view:has(.view-used-cars-brands) {
    padding: var(--section-padding) var(--grid-padding);

    .header {
        margin-bottom: calc(2 * var(--section-padding));

        .text-formatted {

            h1, .h1,
            h2, .h2,
            h3, .h3,
            h4, .h4,
            h5, .h5,
            h6, .h6 {
                font-size: var(--font-size-32);
                max-width: 777px;
                box-sizing: content-box !important;
            }

            p {
                font-size: var(--font-size-28);
                max-width: 927px;
                box-sizing: content-box !important;
            }
        }
    }

    .view-used-cars-brands {
        margin-bottom: 25px;

        .view-content {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 41px 98px;

            .views-row {
                position: relative;

                .logo-title {
                    position: absolute;
                    top: 0;
                    left: 0;

                    .field-content {
                        display: flex;
                        align-items: center;
                        font-weight: var(--font-semibold);
                        color: var(--color-gray-4);

                        img {
                            width: 50px;
                            margin-right: 14px;
                        }
                    }
                }

                .view-offer {
                    width: 100%;
                    margin-top: -10%;
                    display: grid;

                    a {
                        width: 100%;
                    }
                }

                .views-field-field-spoticar-description {
                    padding: 20px 0 0;
                    overflow: hidden;

                    p {
                        font-size: var(--font-size-16);
                        font-weight: var(--font-light);
                        color: var(--color-gray-10);
                        line-height: 1.5;
                    }
                }

                .buttonContainer {
                    position: relative;
                    margin-top: 8px;

                    &::after {
                        z-index: 1;
                        content: "";
                        position: absolute;
                        left: 0;
                        bottom: 50%;
                        width: 100%;
                        height: 1px;
                        background-color: #DBDBDB;
                    }
                }

                .squeeze-button {
                    display: block;
                    border: none;
                    outline: none;
                    margin: 0 auto;
                    width: 54px;
                    height: 28px;
                    border-radius: 100px;
                    background-color: #F3C5B3;
                    cursor: pointer;
                    position: relative;
                    z-index: 10;

                    &::before {
                        position: absolute;
                        top: -150%;
                        left: 50%;
                        content: "";
                        width: 100vw;
                        height: 150%;
                        background: rgb(255, 255, 255);
                        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(0, 212, 255, 0) 100%);
                        opacity: 1;
                        transform: translate(-50%, 0);
                        transition: all ease 0.4s;
                        z-index: -1;
                    }

                    &::after {
                        z-index: -1;
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: 14px;
                        height: 10px;
                        background: url("../../images//icons/chevron-orange.svg");
                        background-position: center;
                        background-size: cover;
                    }

                    &.is-active {
                        &::before {
                            opacity: 0;
                        }

                        &::after {
                            transform: translate(-50%, -50%) rotate(180deg);
                        }
                    }
                }

                .squeeze {
                    transition: max-height 1s ease-in-out;
                    display: grid;
                    grid-template-rows: auto;
                    position: relative;
                    overflow: hidden;

                    &:not(.is-active) {
                        max-height: calc(3 * 1.5 * 16px) !important;
                    }

                    p {
                        max-height: 100%;
                        overflow: hidden;
                        margin-bottom: 10px;
                        line-height: 1.5;
                    }

                    &.is-active {
                        max-height: inherit;
                    }
                }
            }
        }
    }
}

@media(max-width: 991px) {
    .paragraph--type--embed-view:has(.view-used-cars-brands) {
        .header {
            .text-formatted {

                h1, .h1,
                h2, .h2,
                h3, .h3,
                h4, .h4,
                h5, .h5,
                h6, .h6 {
                    font-size: var(--font-size-24);
                }

                p {
                    font-size: var(--font-size-24);
                }
            }
        }

        .view-used-cars-brands {
            .view-content {
                grid-template-columns: repeat(2, 1fr);


            }
        }
    }
}

@media(max-width: 768px) {
    .paragraph--type--embed-view:has(.view-used-cars-brands) {
        .header {
            .text-formatted {

                h1, .h1,
                h2, .h2,
                h3, .h3,
                h4, .h4,
                h5, .h5,
                h6, .h6 {
                    font-size: var(--font-size-24);
                }

                p {
                    font-size: var(--font-size-20);
                }
            }
        }

        .view-used-cars-brands {
            margin-bottom: 0;

            .view-content {
                grid-template-columns: repeat(1, 1fr);
                grid-gap: 24px;

            }
        }
    }
}