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

#rcs-cta-type{
    width: 90%;
}

.cap-rcs-saved-cta {
    position: relative;
    border: solid $CAP_SPACE_01 $CAP_G06;
    padding: 0.625rem;
    border-radius: $CAP_SPACE_04;
    margin-bottom: $CAP_SPACE_12;

    div:not(:last-child) {
        margin-right: 0.5625rem;
    }

    .url,
    .phone {
        white-space: normal;
        overflow: hidden;
        text-overflow: clip;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .saved-button-text {
        font-weight: 500;
    }

    .rcs-saved-cta-edit-icon {
        position: absolute;
        right: 0.4375rem;
    }

    .rcs-saved-cta-delete-icon {
        position: absolute;
        right: $CAP_SPACE_02;
    }
}

.rcs-button-cta-create-container {
    border: solid 1px $CAP_G06;
    padding: 10px;
}   

.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    
    &:hover {
        border-color: $CAP_G06 !important;
    }
}

.button-disabled-tooltip-wrapper {
    display: inline-block;
}
