:root {
    --swal2-confirm-button-background-color: var(--bblue1) !important;
    --swal2-cancel-button-background-color: #fff !important;
    --swal2-cancel-button-color: var(--bblue2);
    --swal2-cancel-button-border-radius: 30px;
    --swal2-confirm-button-border-radius: 30px;
}
div:where(.swal2-icon).swal2-info {
    border-color: var(--bblue1) !important;
    color: var(--bblue1) !important;
}
.swal2-popup.swal2-modal.swal2-icon-question.swal2-show {
    --swal2-border: 2px solid var(--bblue5);
    border-radius: 16px;
    --swal2-border-radius: 16px;
}
div:where(.swal2-icon).swal2-question {
    border-color: var(--bblue1) !important;
    color: var(--bblue1) !important;
}
div:where(.swal2-container) div:where(.swal2-html-container){
    color:var(--bblue2);
}

.swal2-confirm {
    --swal2-confirm-button-background-color: var(--bblue1) !important;
    --swal2-action-button-focus-box-shadow: none;
    border-radius: 30px;
    padding: 15px 20px;
}

.swal2-cancel {
    --swal2-cancel-button-background-color: var(--bblue2) !important;
    --swal2-action-button-focus-box-shadow: none;
    border-radius: 30px;
    padding: 15px 20px;
}
div:where(.swal2-container) div:where(.swal2-popup) {
    --swal2-border-radius: 16px;
    --swal2-border: 2px solid var(--bblue5);
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: var(--swal2-backdrop);
    opacity: 1 !important;
    background-color: rgba(31, 47, 69, 0.25);
    backdrop-filter: blur(16px);
}

div:where(.swal2-icon).swal2-warning {
    border-color: var(--bblue5);
    color: var(--bblue1);
}
.swal2-actions button {
    font-family: "ubuntu-medium";
}