#qrModal {
    &>.modal-dialog {
        &>.modal-content {
            padding: 24px;
            gap: 13px;
            display: flex;
            flex-direction: column;

            &>.modal-header {
                padding: 0 !important;

                &>div:first-child {
                    border-radius: 8px;
                    padding: 7px 32px;
                    width: auto !important;
                    flex-grow: 2;
                    background-color: white;
                }

                &>div:last-child {
                    width: auto !important;
                    flex-grow: 1;
                }
            }

            &>.modal-body {
                border-radius: 16px;
                display: flex;
                justify-content: space-around;
                align-items: center;
                background-color: white;

            }
        }
    }
}

#qrModal.in {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}