.capability-card {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent;
}

    .capability-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
    }

    .capability-card.active {
        border-color: var(--bs-primary);
        background-color: rgba(13, 110, 253, 0.05);
    }

        .capability-card.active i {
            color: var(--bs-primary);
        }


.capability-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/*.star-clickable {
    cursor: pointer;
}

    .star-clickable:hover {
        opacity: 0.85;
    }*/

.star-btn {
    text-decoration: none;
}

    .star-btn:focus {
        outline: none;
        box-shadow: none;
    }