.ecm-shortcode--bookmark {
   
    display: flex;
    flex-direction: column;
    gap: 12px;

    .content-manager-btn {
        width: fit-content;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 500;

        &--bookmark {
            border: 1px solid var(--ecm-border-color);
            color: var(--ecm-font-color);
        }

        &--bookmark-active {
            background: #FB923C;
            border: none;
            color: #FFF;
        }
    }
    

    &__list {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 12px;
        margin: 0;
    }

    &__list-item {
        display: flex;
        align-items: start;
        gap: 12px;
        background: transparent;
        padding: 10px 16px;
        border: 1px solid var(--ecm-border-color);
        border-radius: 4px;
        cursor: pointer;
    }

    &__list-info {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 4px;
    }

    &__list-image {
        width: 64px;
        height: 64px;
        border-radius: 4px;
    }

    &__list-title,
    &__list-date {
        font-size: 0.875rem;
        font-weight: 500;
        margin: 0;
    }

    &__list-title {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--ecm-primary);
        &:hover{
            text-decoration: underline;
        }
    }

    &__list-date {
        color: var(--ecm-text-muted);
    }

    &__bookmarked-text,
    &__bookmark-text {
        display: none;
    }
}