@mixin generic-modal-for-user-popup {
    .float-end {
        margin-left: auto;
    }

    .close {
        margin-left: auto;
    }
    .modal-dialog {
        top: 100px !important;
    }
    .modal-content {
        min-width: 26.625rem;
        width: 26.625rem;
        max-width: 26.625rem;
    }

    .modal-header {
        background-image: url("../../../assets/images/bg-heads.png");
        color: var(--body-color);
        padding: 0.5rem 0.5rem 0.25rem 1rem;
        border-bottom: none !important;

        h3 {
            margin-top: auto;
            margin-bottom: 0;
            @include fonts(Roboto, 1.125rem, normal, normal, normal, normal, normal);
        }
    }

    .modal-body {
        padding: 1.5rem;
        font-size: 12px;
    }

    .buttons {
        display: flex;
        padding-inline: 0;
        justify-content: space-between;
    }

    .primary-button {
        @include modal-button(var(--primary-blue-color), var(--body-color), none);
    }

    .secondary-button {
        @include modal-button(
            var(--secondary-btn-bg-color),
            var(--primary-blue-color),
            1px solid rgba(38, 139, 255, 0.12)
        );
    }

    button:focus {
        outline: none;
    }

    button:disabled {
        background-color: var(--disabled-button-color);
        color: var(--primary-text-color-dark);
        opacity: 0.5;
    }
}