/* File: assets/css/bookmark.css */
.bookmark-button {
    position: relative;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
}

.bookmark-button .far.fa-heart,
.bookmark-button .fas.fa-heart {
    color: red;
}

.bookmark-button:hover {
    opacity: 0.8;
}

.bookmarks-dashboard h3 {
    margin-top: 20px;
}

.bookmarks-dashboard ul {
    list-style-type: disc;
    margin-left: 20px;
}

/* Mini heart styling */
.mini-heart {
    position: absolute;
    font-size: 10px;
    color: red;
    opacity: 1;
    pointer-events: none; /* Prevent interaction */
}

.bookmark-button i,
.bookmark-text {
    opacity: 1;
}