.bookmark-button {
    display: inline-flex
;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border: none;
    background: #e8edf5;
    border-radius: 10px;
    transition: all 0.3s ease;
    color: #2d3748;
    font-size: 14px;
}

.bookmark-button:hover {
    background: #e8edf5;
}

.bookmark-button img {
    width: 16px;
    height: 16px;
}

.bookmark-button.bookmarked {
    background: #e3f2fd;
    border-color: #2196f3;
    color: #2d3748;
}

                .bookmarks-list {
                    display: grid;
                    gap: 20px;
                }
                
                .bookmark-item {
                    display: flex;
                    gap: 20px;
                    padding: 15px;
                    background: #fff;
                    border: 1px solid #e8edf5;
                    border-radius: 10px;
                }
                
                .bookmark-thumbnail {
                    flex: 0 0 150px;
                }
                
                .bookmark-thumbnail img {
                    width: 100%;
                    height: 100px;
                    object-fit: cover;
                    border-radius: 8px;
                }

                
                .bookmark-content h3 {
                    margin: 0 0 10px 0;
                    font-size: 18px;
                }
                
                .bookmark-content h3 a {
                    color: #2d3748;
                    text-decoration: none;
                    transition: color 0.3s;
                }
                
                .bookmark-content h3 a:hover {
                    color: #4a5568;
                }
                
                .bookmark-excerpt {
                    color: #718096;
                    font-size: 14px;
                    margin-bottom: 15px;
                    font-weight: 300;
                }
                
                .remove-bookmark {
                    background: #fff;
                    color: #ef4056;
                    border: 1px solid #ef4056;
                    padding: 5px 15px;
                    border-radius: 8px;
                    cursor: pointer;
                    transition: all 0.3s ease;
                }
                
                .remove-bookmark:hover {
                    background: #ef4056;
                    color: #fff;
                }