.popup-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.popup-header-wrapper {
    display: flex;
    padding: 0 var(--spacing-dynamic-2, 39px) var(--spacing-dynamic-1, 30px) var(--spacing-dynamic-2, 39px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-static-4, 15px);
    align-self: stretch;
}

    .popup-header-wrapper .title {
        color: var(--content-default, #1F2837);
        font-size: var(--typography-font-size-h2, 33px);
        font-style: normal;
        font-weight: var(--typography-font-weight-bold, 600);
        line-height: var(--typography-line-height-h2, 39px);
    }

.close-btn-wrapper {
    display: flex;
    width: 100%;
    height: 48px;
    justify-content: flex-end;
    align-items: center;
}

.close-btn-wrapper .close-btn-container {
    display: flex;
    align-items: flex-start;
}

    .close-btn-wrapper .close-btn-container .close-btn {
        display: flex;
        padding: 12px;
        justify-content: center;
        align-items: center;
    }

.popup-content-wrapper {
    width: 100%;
    display: flex;
    gap: 19px;
    flex-direction: column;
    padding: 0 var(--spacing-dynamic-2, 39px);
}

.popup-footer-wrapper {
    gap: var(--spacing-static-4, 15px);
    display: flex;
    width: 100%;
    padding: 52px 39px 32px 39px;
    justify-content: flex-end;
    align-items: center;
}

    .popup-footer-wrapper .delete-btn {
        background: #BB0522 !important;
        color: white !important;
    }