@media (max-width: 600px) {
    .mud-dialog-container:has(> .mud-dialog.mud-message-box .mud-message-box__no-button),
    .mud-dialog-container:has(> .mud-dialog.mud-message-box .mud-message-box__cancel-button) {
        align-items: flex-end;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) {
        width: 100%;
        max-width: 100%;
        margin: 0;
        border-radius: var(--border-outer) var(--border-outer) 0 0;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-dialog-title {
        padding: 24px 24px 8px;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-dialog-title .mud-typography {
        font-family: 'TTNorms-Medium', sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 120%;
        color: #292929;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-dialog-content {
        font-family: 'TTNorms-Medium', sans-serif;
        font-size: 16px;
        line-height: 120%;
        color: #8D8D8D;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-dialog-actions {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 12px;
        padding: 8px 24px 24px;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-dialog-actions .mud-button {
        width: 100%;
        height: 48px;
        margin: 0;
        padding: 0 16px;
        border: none;
        border-radius: 24px;
        font-family: 'TTNorms-Medium', sans-serif;
        font-size: 16px;
        line-height: 120%;
        text-transform: none;
        color: #FFFFFF;
        --mud-ripple-color: #FFFFFF;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-message-box__yes-button,
    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-message-box__yes-button:hover {
        color: #FFFFFF;
        background-color: #EE3443;
    }

    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-message-box__no-button,
    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-message-box__no-button:hover,
    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-message-box__cancel-button,
    .mud-dialog.mud-message-box:has(.mud-message-box__no-button, .mud-message-box__cancel-button) .mud-message-box__cancel-button:hover {
        color: #FFFFFF;
        background-color: #8D8D8D;
    }
}
