.fcm-wrapper{
    position:fixed;
    bottom:25px;
    right:25px;
    z-index:99999;
}

.fcm-items{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:12px;

    opacity:0;
    visibility:hidden;
    transform:translateY(15px);

    transition:all .25s ease;
}

.fcm-items.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.fcm-item{
    display:flex;
    align-items:center;
    gap:10px;

    min-width:180px;

    padding:12px 16px;

    border-radius:50px;

    background:#ffffff;

    color:#333333;

    text-decoration:none;

    box-shadow:
        0 3px 10px rgba(0,0,0,.12);

    transition:all .2s ease;
}

.fcm-item:hover{
    transform:translateY(-2px);
}

.fcm-icon{
    font-size:20px;
    line-height:1;
}

.fcm-label{
    font-size:14px;
    font-weight:500;
}

.fcm-toggle{
    width:60px;
    height:60px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:50%;
    cursor:pointer;
}

.fcm-hamburger{
    color:#fff;
    font-size:24px;
    font-weight:700;
    line-height:1;
}

.fcm-toggle:hover{
    transform:scale(1.05);
}

.fcm-toggle.active{
    transform:rotate(45deg);
}

.fcm-wrapper.left{
    left:25px;
    right:auto;
}

.fcm-wrapper.right{
    right:25px;
    left:auto;
}

@media (max-width:768px){

    .fcm-item{
        min-width:150px;
        padding:10px 14px;
    }

    .fcm-toggle{
        width:56px;
        height:56px;
    }
}