.modern-chat-container {

    &.top-right {
        bottom: inherit;
        top: 24px;
    }

    &.top-left {
        top: 24px;
        right: inherit;
        left: 20px;
        bottom: inherit;
    }

    &.bottom-left {
        right: inherit;
        left: 24px;
    }
}

.support-buddy-widget {
    &.top-right,
    &.top-left {
        bottom: inherit;
        top: 24px;
        flex-direction: column-reverse;

        .support-buddy-container {
            margin-bottom: 0;
            margin-top: 16px;
        }

        .support-buddy-fade-in {
            transform-origin: top right;
        }

        .aisk-launcher-close svg {
            transform: rotate(180deg);
        }
    }

    &.top-left,
    &.bottom-left {
        right: inherit;
        left: 24px;
        align-items: flex-start;

        .support-buddy-fade-in {
            transform-origin: bottom left;
        }
    }

    &.top-left .support-buddy-fade-in {
        transform-origin: top left;
    }
}