.invoice_link{
    width:150px;
    aspect-ratio:1 / 1;
} 

.invoice_link a{
    cursor: pointer; 
    webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out; 
}
.invoice_link a:hover{
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}
.invoice_link_sp{
    display: none;
}
.invoice_popup{
    position: fixed; 
    bottom: 2rem; 
    left: 2rem; 
    z-index: 9999;
}
.invoice_popup .popup_btn{
    background:#333 url(../img/close.svg) no-repeat center center /40%; border-radius: 50%; 
    color: #fff; 
    cursor: pointer; 
    display: block; 
    height: 27px; 
    width: 27px; 
    position: absolute; 
    right: -10px; top: -10px; 
}
.invoice_popup.close{
    display: none;
}


@media only screen and (max-width: 767px){
    .invoice_popup{
        position: fixed; 
        bottom: auto;
        top: 15rem;
        left: 0rem; 
        z-index: 9999;
    }
    .invoice_popup .popup_btn{
        background:#333 url(../img/close.svg) no-repeat center center /42%;
        border-radius: 50%; 
        position: absolute; 
        right: 13%; 
        top: -10px; 
    }
    .invoice_link{
        width: 120px;;
    }
/*
    .invoice_link_sp{
        width:100%; 
        display: block;
    }
*/
    .invoice_link_sp img{
        width:70%; 
        height: auto; 
        margin:0 auto; 
        display: block;
    }

    }

.reset-btn{
    display:none;
    position: fixed;
    bottom:0;
    right:0;
}