.btn-primary , .bg-primary {
    background: linear-gradient(45deg, black, blueviolet);
    border-radius: 25px;
}

.bg-light {
    background: linear-gradient(45deg, blueviolet, deeppink);
}

.cool-button {
    background-color: transparent; 
    border: none; 
    color: #fff; 
    font-size: 24px; 
    cursor: pointer; 
    transition: transform 0.2s, color 0.2s; 
}

.cool-button:hover {
    color: #394; 
    transform: scale(1.2); 
}

.cool-button:focus {
    outline: none; 
}

.dropdown-item:hover{
    background-color: red;
    color: white;
    box-shadow: 0 5px 10px grey;
}

.btn-info , .bg-info {
    background: linear-gradient(45deg, darkslategray, cornflowerblue);
}


.btn-secondary , .bg-secondary{
    background: linear-gradient(45deg, darkslategray, blueviolet);
}

.btn-success , .bg-success{
    background: linear-gradient(45deg, darkslategray, limegreen);
}

.btn-warning , .bg-warning {
    background: linear-gradient(45deg, darkslategray, orange);
}

.btn-danger , .bg-danger {
    background: linear-gradient(45deg, darkslategray, red);
}

.btn-dark , .bg-dark {
    background: linear-gradient(45deg, darkslategray, black);
}


.btn-light , .bg-light {
    background: linear-gradient(45deg, darkslategray, grey);
}