.ImageLimitActive {
    position: relative;

    & img {
        display: block;
    }

    & label:has(input.switch) {
        background-image: linear-gradient(180deg, transparent, #efefefd1 25%, #efefef);
        background-size: 100% 100%;
        bottom: 0;
        cursor: pointer;
        font-size: 0.8em;
        left: 0;
        padding: 1.5em 0.5em;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 5;

        &::after {
            background-color: var(--color1, red);
            border-radius: 1em;
            color: var(--color2);
            content: "Показать полностью";
            display: inline-block;
            padding: 0.5em 1em;
            text-transform: uppercase;
            user-select: none;
            white-space: nowrap;
        }

        &:has(>input.switch:checked) {
            background-image: none;
            margin-inline: auto;
            position: static;

            &::after {
                content: "Свернуть";
            }
        }
    }
}