.button, .hotresSubmit button.button {
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
}
.flats-widget--highlightColor .house-widget.available {
    fill: var(--paletteColor2);
}
.hero__wrap {
    width: 100%;
}
.widget__content .decor svg {
    z-index: 10;
}
.widget__content .flats-widget {
    overflow: hidden;
    position: relative;
}
.flats-widget__animation {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
}
.flats-widget__animation.active {
    opacity: 1;
    z-index: 9;
}

.flats-widget__main {
    left: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
.flats-widget__main.active {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.flats-widget__rotated {
    left: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
.flats-widget__rotated.active {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.flats-widget--highlightColor .house-widget.reservation {
    fill: #ff5722;
}


.flats-widget__buttons {
    bottom: 30px;
    position: absolute;
    right: 30px;
    z-index: 10;
}
.flats-widget__buttons .button {
       transition: ease 0.3s all;
}
.flats-widget__buttons .button.blocked {
       opacity: 0.5;
       pointer-events: none;
       overflow: unset;
}

@media (max-width: 61.99em) {
    .widget__content .flats-widget {
        overflow: unset;
        margin-top: 30px;
    }
    .flats-widget__svg {
        overflow: auto;
    }
    .flats-widget__animation {
        /* height: 480px;
        width: auto; */
        display: none;
    }
    .flats-widget__animation img {
        /* aspect-ratio: 2 / 1;
        height: 480px;
        width: auto!important; */
    }
    .flats-widget svg {
        height: 400px;
        max-height: unset;
        min-height: unset;
        min-width: unset;
        width: auto;
    }
    .flats-widget__buttons {
        /* display: none; */
        left: 50%;
        right: unset;
        transform: translateX(-50%);
        top: 0;
        margin-top: -30px;
        bottom: unset;
    }
    .flats-widget__buttons .button.blocked {
       opacity: 1;
       pointer-events: none;
       overflow: unset;
    }
}

.prospekt {
    margin-top: 100px;
    text-align: center;
    --cardBg: var(--paletteColor5);
}
.flats-table .flats-table-body .flats-table-row .flats-table-cell {
    &[data-field] {
        font-weight: 400;
    }
    [data-popup="price-history"] {
        display: flex;
        flex-direction: row-reverse;
        column-gap: 3px;
        .label {
            svg {
                transition: ease 0.3s all;
                width: 17px;
                height: 17px;
                fill: #53575E;
                opacity: 0.7;
            }
        }
    }
    .price {
        display: flex;
        flex-direction: column;
        text-align: center;
        small {
            font-size: rem(14px);
            line-height: 1;
        }
    }
}
.price-history {
    margin: 0;
    padding: 0;
    li {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 10px;
        padding: 10px;
        @media (max-width: 47.99em) {
            padding-left: 0;
            padding-right: 0;
        }
        &.current {
            font-weight: 700;
            grid-template-columns: 100%;
        }
        &.titles {
            span {
                font-weight: 700;
            }
        }
        &:not(:last-child) {
            border-bottom: 1px solid var(--hr-color);
        }
        &::before {
            display: none;
        }
        span {
            display: flex;
            flex-wrap: wrap;
            column-gap: 5px;
            align-items: center;
            line-height: 1.2;
            @media (max-width: 31.25em) {
                font-size: 0.875rem;
            }
    
        }
        .percent {
            font-size: 0.875rem;
            &.up {
                color: red!important;
            }
            &.down {
                color: green!important;
            }
        }
    }
}
