.modal-dialog {
    margin: 72px auto auto auto;
}
.modal-content{
    border-radius: 4px;
}
.modal-header{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 32px 32px 0 32px;
}
.modal-body{
    padding-left: 32px;
    padding-right: 32px;
}
.modal-footer{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 32px 32px 32px;
}

.modal-hapus .modal-footer {
    gap: 8px;
}
.modal-hapus .modal-footer .btn{
    flex: 1 1 25%;
}
.modal-hapus .modal-footer .btn.btn-secondary{
    border-color: #CDD0D3 !important;
    background: #CDD0D3 !important;
    color: #212122 !important;
}

@media(max-width: 576px){
    .modal-dialog {
        margin: 48px auto auto auto;
    }
}