.bbr-confirm-dialog {
    &__card {
        max-width: 420px;
        width: 100%;
    }

    &__card--compact {
        .bbr-confirm-dialog__head,
        .bbr-confirm-dialog__foot {
            background-color: #fff;
            border: none;
        }
    }

    &__head {
        gap: 0.5rem;
    }

    &__icon {
        font-size: 1.25rem;
        flex-shrink: 0;
    }

    &__body {
        padding: 1.25rem 1.5rem;
    }

    &__foot {
        gap: 0.5rem;
        justify-content: flex-end !important;
    }
}