.modal-content {
    border: 1px solid #212121;
    border-radius: 20px;
    outline: 0;
}
.modal-header {
    border: none;
    padding: 28px 32px 6px 32px;
}
.modal-body {
    padding: 0 32px 8px 32px;
}
.modal-footer {
    justify-content: flex-start;
    padding: 0 0 32px 32px;
    border: none;
    gap: 10px;
    margin: 0;
}
.modal-footer button {
    margin: 0;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: #212121;
    border: 0;
    border-radius: 0.25rem;
}

.modal-header .btn-close {
    position: absolute;
    top: 14px;
    right: 12px;
    padding: 0;
    margin: 0;
}

.left-modal.modal.fade:not(.show) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}
.left-modal .modal-dialog {
    margin:0;
    height: 100%;
    max-width: 350px;
}
.left-modal .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
}
.left-modal .modal-header {
    border: none;
}