.modal.show.popup-msg .modal-dialog {
    -webkit-transform: translate(0, 30vh) !important;
    transform: translate(0, 30vh) !important;
}

.modal.popup-msg .modal-header {
    border-bottom: none;
    justify-content: center;
    background-color: unset;
}

.modal.popup-msg .modal-content {
    border-radius: 27px;
}

.modal.popup-msg .modal-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.19;
    letter-spacing: 5.48px;
    text-align: center;
    color: #333333;
}

.modal.popup-msg .modal-body {
    font-size: 20px;
    line-height: 1.21;
    letter-spacing: 4.32px;
    text-align: center;
    color: #333333;
    flex-wrap: wrap;
}

.modal.popup-msg .modal-footer {
    border-top: none;
    justify-content: center;
}

.modal.popup-msg .cancel-button {
    border-radius: 13px;
    border: solid 1px #0eb5fe;
    background-color: #ffffff;
    padding: 6px 20px 3px;
    color: #0eb5fe;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3.32px;
    margin-right: 40px !important;
    cursor: pointer;
}

.modal.popup-msg .remove-button {
    border-radius: 13px;
    background-color: #0eb5fe;
    color: white;
    background-color: #0eb5fe;
    padding: 6px 20px 3px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3.32px;
    border: none;
    cursor: pointer;
}

/* DARK MODE */
.dark .modal.popup-msg .modal-header,
.dark .modal.popup-msg .modal-body,
.dark .modal.popup-msg .modal-footer {
    background-color: #042533;
    color: rgba(255, 255, 255, 0.87);
		border-top: 1px solid #042533;
}
.dark .modal.popup-msg .modal-title {
    color: rgba(255, 255, 255, 0.87);
}
.dark .modal.popup-msg .cancel-button {
    border: solid 1px #ffffff;
    background-color: transparent;
    color: #ffffff;
}