.unfollow-confirmation,
.unfollow-confirmation-page {
    padding: 24px;
    border: 1px solid var(--border-primary, #d2d2d7);
    border-radius: 20px;
    background: var(--bg-primary, #fff);
    color: var(--text-primary, #1d1d1f);
    max-width: min(440px, calc(100vw - 32px));
}
.unfollow-confirmation {
    margin: auto;
    width: min(440px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow: auto;
}
.unfollow-confirmation::backdrop { background: rgba(0, 0, 0, .4); }
.unfollow-confirmation h2,
.unfollow-confirmation-page h1 { font-size: 22px; margin: 0 0 24px; overflow-wrap: anywhere; }
.unfollow-confirmation-page { margin: 32px auto; }
.unfollow-confirmation-actions { display: flex; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.unfollow-confirmation-actions .btn {
    width: auto;
    max-width: 100%;
    min-height: 44px;
    padding: 12px 20px;
    white-space: normal;
    overflow-wrap: anywhere;
}
.unfollow-confirmation-actions .btn-danger { background: #b42318; color: #fff; border-color: #b42318; }
.unfollow-confirmation-actions :focus-visible { outline: 3px solid var(--accent-color, #007aff); outline-offset: 3px; }
@media (max-width: 480px) {
    .unfollow-confirmation-actions { flex-direction: column; }
    .unfollow-confirmation-actions .btn { width: 100%; }
}