#add-all-to-cart {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    padding: 15px 25px;
    font-weight: bold;
    transition: all 0.3s ease;
    opacity: 0;
    position: fixed;
    right: 0px;
    bottom: 50%;
    transform: translateX(0%);
    z-index: 1000;
    rotate: -90deg;
}

.modal-body ul {
    padding-left: 20px;
}

.modal-body ul li {
    margin-bottom: 5px;
}


#add-all-to-cart.visible {
    opacity: 1;
    transform: translateX(-50%);
}

#add-all-to-cart:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#add-all-to-cart .spinner {
    display: none;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#add-all-to-cart:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    color: #FFF;
}


@media(max-width:767px){
    #add-all-to-cart{
        rotate: none;
        right: 50%;
        bottom: 115px;
        transform: translateX(50%);
        padding: 5px 25px;
    }

    #add-all-to-cart.visible {
        opacity: 1;
        transform: translateX(50%);
    }
    
}