.modal-bottom {
    bottom: 0px;
    position: fixed;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 1rem);
    max-height: calc(100dvh - 1rem);
    left: 0px;
    margin: 0px auto;
    right: 0px;
}

    .modal-bottom > .modal-content {
        background-color: transparent !important;
    }

        .modal-bottom > .modal-content > .modal-header {
            border-radius: 14px 14px 0px 0px;
            margin: 0;
            min-height: 48px;
            display: flex;
            justify-content: center;
            background: white;
            border-bottom: none;
        }

            .modal-bottom > .modal-content > .modal-header > div {
                justify-content: center;
                width: calc(100% - 70px);
                letter-spacing: 0px;
                overflow: hidden;
                left: 30px;
                position: relative;
            }

            .modal-bottom > .modal-content > .modal-header > button.close-text {
                text-align: left;
                font-weight: 300;
                font: 16px Hiragino Sans;
                letter-spacing: -0.38px;
                color: #184F9E !important;
                opacity: 1;
                position: absolute;
                top: 18px;
                left: 0px;
            }

        .modal-bottom > .modal-content > .modal-body {
            display: flex;
            word-wrap: break-word;
            padding: 0px !important;
            background: white;
        }

        .modal-bottom > .modal-content > .modal-footer {
            font-size: 12px !important;
            text-align: center !important;
            display: inline-block !important;
        }