#products .card {
    overflow: hidden;
    transition: 0.5s ease all;
}

#products .card img{
    transition: 0.5s ease all;
}

#products .card:hover {
    transform: scale(1.02);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}

#products .card:hover img {
    transform: scale(1.1) rotate(4deg);
}

#products .card .card-title{
    font-weight:bold;
}

.list-group-item+.list-group-item.active,
.list-group-item.active {
    background: rgb(235,42,255);
    background: linear-gradient(90deg, rgba(235,42,255,1) 0%, rgba(94,156,255,1) 100%);
    border-color: rgba(94,156,255,1);
}

#products .card .btn.btn-secondary{
    font-weight:700;
    background: rgb(235,42,255);
    background: linear-gradient(90deg, rgba(235,42,255,1) 0%, rgba(94,156,255,1) 100%);
    border-color: rgba(94,156,255,1);
}

#products .card .btn.btn-secondary:hover {
    box-shadow: 0px 0px 15px rgba(94,156,255,0.3);
}