.givewp-modal-wrapper.give-donor-dashboard__subscription-manager-modal, .givewp-modal-wrapper.give-donor-dashboard-cancel-modal {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.5) !important;

    .givewp-modal-dialog {
        border-radius: 8px;

        .givewp-modal-header {
            border-radius: 8px 8px 0 0;
            background-color: #fafafa;
            padding: 1rem 1.5rem;
        }

        .givewp-modal-close {
            right: 1rem;
        }

        .givewp-modal-content {
            padding: 1.5rem 1.5rem 2rem 1.5rem;

            .give-donor-dashboard__subscription-manager-pause-label {
                color: #888;
                line-height: 2.5;
                margin-bottom: .25rem;

                .give-donor-dashboard__subscription-manager-pause-container {
                    position: relative;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border: 1px solid #666;
                    border-radius: 4px;
                }

                svg {
                    position: absolute;
                    right: 1rem;
                    pointer-events: none;
                }

                .give-donor-dashboard__subscription-manager-pause-select {
                    display: block;
                    width: 100%;
                    appearance: none; /* for modern browsers */
                    -webkit-appearance: none; /* for Safari/Chrome */
                    -moz-appearance: none; /* for Firefox */
                    padding: 0.75rem 1rem;
                    background: none;
                    font-size: 1rem;
                    font-weight: 500;
                    border-radius: 4px;
                    border: none;
                    outline: none;

                }

                .give-donor-dashboard__subscription-manager-pause-update {
                    flex-grow: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    align-self: stretch;
                    width: 100%;
                    margin-top: 3rem;
                    padding: 1rem 2rem;
                    border-radius: 4px;
                    background: #2271B1;
                    color: #fff;
                    font-size: 1rem;
                    font-weight: 500;
                    border: none;
                    outline: none;
                    cursor: pointer;

                    &:hover {
                        background-color: #135E96;
                    }
                }
            }
        }
    }
}
