.lcc {
    position: fixed;
    bottom: 15vw;
    right: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    gap: 2vw;
    z-index: 999;
}

.lcc .div-size {
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 1100px) {
    .lcc {
        position: fixed;
        bottom: 45vw;
        right: 2vw;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        gap: 2vw;
        z-index: 999;
    }

    .lcc .div-size {
        height: 41px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}



.lcc .btn-img {
    max-width: 100%;
    max-height: 100%;
    height: auto; 
    width: auto;
    transition: transform 0.3s ease-in-out;
}

.rotated {
    transform: rotate(180deg);
}

.popup-row {
    display: none; 
    flex-direction: column;
    align-items: center;
    visibility: hidden;
    z-index: 1000;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    margin-bottom: 1vw;
    background-color: rgba(0,0,0,0.5);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}


.hidden {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.popup-item {
    color: black;
    padding: 1vw;
    border-radius: 0.5vw;
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.popup-item img{
    height:41px;
    width:41px;
}

.lcitemshow {
    display: flex;
    visibility: visible;
    z-index: 1000;
    opacity: 1;
}

.lcitemshow .popup-item {
    opacity: 1;
    transform: translateY(0);
}