@import "~@capillarytech/cap-ui-library/styles/_variables";

.cap-whatsapp-quick-reply {
    border: solid 0.063rem $CAP_G06;
    margin-top: 0.75rem;
    border-radius: 0.285rem;
    margin-right: 0.5rem;
    .whatsapp-button-text-container {
        padding: $CAP_SPACE_16 $CAP_SPACE_24;
    }
    .whatsapp-button-text-heading {
        display: flex;
        text-align: center;
    }
    .whatsapp-quick-reply-delete-button {
        margin-left: $CAP_SPACE_12;
    }
    .whatsapp-button-text-input {
        margin-top: $CAP_SPACE_08;
        margin-bottom: $CAP_SPACE_12;
    }
    .whatsapp-quick-reply-save-container {
        display: flex;
        align-items: center;
        padding: $CAP_SPACE_08 $CAP_SPACE_12;
        position: relative;
        .text-container {
            padding-left: $CAP_SPACE_12;
        }
        .quick-reply-icon {
            display: flex;
            position: absolute;
            right: $CAP_SPACE_12;
        }
    }
    .whatsapp-button-text-tooltip {
        margin-left: $CAP_SPACE_04;
    }
    .whatsapp-quick-reply-disabled-icons{
        color: $FONT_COLOR_04;
        cursor: not-allowed;
        pointer-events: none;
    }
}

.whatsapp-quick-reply-edit-container {
    padding: $CAP_SPACE_12;
    margin-left: 0;
    margin-top: 0.75rem;
}

.whatsapp-autofill-container {
    margin-left: 0;
    cursor: not-allowed;
}