#addCartModal .modal-footer .btn {
    white-space: nowrap;
}

@media (max-width: 575.98px) {

    #addCartModal .modal-footer {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 8px;
    }

    #addCartModal .modal-footer > *,
    #addCartModal .modal-footer .btn {
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
    }

    #addCartModal .modal-footer .to-cart-moal-btn {
        order: -1;
    }
}