/*==================================================
BROKEN LINK REPORT
==================================================*/

.report-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:12px 26px;

    border-radius:14px;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    color:#ffffff;

    background:#d6002f;

    border:2px solid #ff3366;

    cursor:pointer;

    user-select:none;

    position:relative;

    overflow:hidden;

    transition:all .35s ease;

    box-shadow:
        0 0 10px rgba(255,0,60,.45),
        0 0 25px rgba(255,0,60,.25);

}

/* Hover */

.report-btn:hover{

    transform:
        translateY(-4px)
        scale(1.03);

    box-shadow:
        0 0 18px rgba(255,0,60,.75),
        0 0 40px rgba(255,0,60,.45);

}

/* Click */

.report-btn:active{

    transform:scale(.96);

}

/* Loading */

.report-btn.blr-sending{

    opacity:.75;

    cursor:wait;

}

/* Success */

.report-btn.blr-success{

    background:#11a34d;

    border-color:#37ff8b;

    box-shadow:
        0 0 15px rgba(0,255,120,.55),
        0 0 30px rgba(0,255,120,.35);

}

/* Ripple */

.report-btn::after{

    content:"";

    position:absolute;

    width:0;

    height:0;

    border-radius:50%;

    background:rgba(255,255,255,.35);

    transform:translate(-50%,-50%);

    transition:width .45s,height .45s;

}

.report-btn:active::after{

    width:320px;

    height:320px;

}

/* Icon */

.report-btn i{

    font-size:18px;

}

/*==================================================
MESSAGE
==================================================*/

#blr-message{

    display:none;

    margin-top:12px;

    padding:12px 18px;

    border-radius:12px;

    color:#fff;

    font-weight:600;

    background:#11a34d;

    box-shadow:
        0 0 18px rgba(0,255,120,.35);

    animation:blrFade .4s ease;

}

@keyframes blrFade{

    from{

        opacity:0;

        transform:translateY(10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:768px){

    .report-btn{

        width:100%;

        justify-content:center;

        padding:14px;

        font-size:15px;

    }

}