.page-item.active .page-link {
    background-color: #868e96;
    border-color: #868e96;
    color: white;
}

.page-link {
    color: #868e96;
}

div.card {
    margin-bottom: 16px;
}

div.card div.card {
    margin-bottom: 0;
}

/* make dropdown menu's open on hover */
div.dropdown li.nav-item:hover + div.dropdown-menu {
    display: block;
}

div.dropdown-menu:hover {
    display: block;
}

div.dropdown-menu {
    top: 90%;
}

/* make anime status float right */
.right {
    float: right;
}

div.btn-group.status button {
    color: white;
}

/* selected */
div.btn-group.status button.selected {
    background-color: #D2D2D2;
}

div.btn-group.status button:not(.selected):not(:hover) {
    background-color: var(--bs-btn-bg) !important;
}

div.btn-group.status button:hover {
    color: white !important;
    filter: opacity(0.4);
}

div.btn-group.status button.selected {
    color: white !important;
    filter: opacity(0.6);
}

/* new media cards */
button.btn-finished::before {
    content: "Finished";
}

button.btn-finished {
    background-color: rgb(191, 255, 191);
    color: var(--bs-body-color);
}

button.btn-finished:hover {
    background-color: rgb(228, 255, 228);
    color: var(--bs-body-color);
}

button.btn-open::before {
    content: "Not finished";
}

button.btn-open {
    background-color: rgb(213, 213, 213);
    color: var(--bs-body-color);
}

button.btn-open:hover {
    background-color: rgb(228, 255, 228);
    color: var(--bs-body-color);
}