.resp-modal{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,0.6);
        display:none;
        align-items:center;
        justify-content:center;
        z-index:99999;
    }

    .resp-modal-box{
        background:#fff;
        width:90%;
        max-width:420px;
        border-radius:18px;
        padding:35px;
        text-align:center;
        animation:pop .3s ease;
    }

    .resp-icon{
        width:70px;
        height:70px;
        margin:0 auto 15px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:30px;
        color:#fff;
        background:#e12454;
    }

    .resp-modal-box.error .resp-icon{
        background:#e12454;
    }

    .resp-modal-box h2{
        margin:10px 0;
    }

    .resp-modal-box p{
        color:#555;
    }

    .resp-btn{
        margin-top:20px;
        padding:10px 25px;
        border:none;
        background:#e12454;
        color:#fff;
        border-radius:8px;
        cursor:pointer;
    }

    @keyframes pop{
        from{transform:scale(.8);opacity:0;}
        to{transform:scale(1);opacity:1;}
    }

    /* spinner inside button */
    .btn8.loading{
        opacity:0.7;
        pointer-events:none;
    }