[data-component="services"] .card {
    cursor: pointer;

    transition: color, background-color .3s;
}

[data-component="services"] .card.disabled {
    pointer-events: none;
    opacity: .6;
}

[data-component="services"] .card:hover {
    background-color: #0d6efd;
    color: white;
}

[data-component="services"] .card i {
    color: #0d6efd;
}

[data-component="services"] .card:hover i {
    color: #ffc107!important;
}