// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0

.outgoing-message {
    &__content-wrapper {
        position: relative;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }

    &__gradient-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100px;
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.9) 50%,
            rgba(255, 255, 255, 1) 100%
        );
        pointer-events: none;
    }

    &__action-button {
        position: absolute;
        bottom: 8px;
        right: 0;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 4px 8px;
        cursor: pointer;
        color: #0972d3;
        font-weight: 500;
        font-size: 14px;
        background: white;
        border-radius: 4px;

        &:hover {
            background: #f4f4f4;
        }

        &--expanded {
            position: relative;
            bottom: auto;
            right: auto;
            margin-left: auto;
            margin-top: 8px;
        }

        &-icon {
            width: 16px;
            height: 16px;
            fill: currentColor;

            &--rotated {
                transform: rotate(180deg);
            }
        }
    }
}
