.front-modal{
    background: #0000007d !important;
}

/* BUTTON POPUP */
.popup-btn{
    position: relative;
    margin-left: 5px;
}

.popup-btn span{
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border: 1px solid black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.popup-btn::after{
    content: attr(data-title);
    position: absolute;
    background: white;
    color: black;
    left: 0;
    top: -45px;
    font-size: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 250px;
    padding: 5px;
    border-radius: 4px;
    transition: 300ms;
    opacity: 0;
    font-weight: 700;

    pointer-events: none;
    transform: translateY(15px);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    z-index: 10000000;
}

.popup-btn:hover::after{
    opacity: 1;
    transform: translateY(5px);
}

.view-data{
    color:#2196F3;
    font-weight: 500;
    cursor: pointer;
}
/* CART POPUP */
.popup-cart{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.popup-cart::after{
    content: attr(data-title);
    position: absolute;
    background: white;
    color: black;
    left: 0;
    /* top: -45px; */
    font-size: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 200px;
    padding: 5px;
    border-radius: 4px;
    transition: 300ms;
    margin-left: 50%;
    margin-top: 50%;
    opacity: 0;
    pointer-events: none;
    transform: translateY(15px);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
}

.popup-cart:hover::after{
    opacity: 1;
    transform: translateY(5px);
}