#ely-zene-gomb {

    position: fixed;

    left: 22px;
    bottom: 22px;


    width: 60px;
    height: 60px;


    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.45);


    background:
    linear-gradient(
        145deg,
        #d8b06a,
        #a97832
    );


    color:white;


    display:flex;

    align-items:center;

    justify-content:center;


    cursor:pointer;


    box-shadow:
    0 8px 25px rgba(0,0,0,.25);


    z-index:99999;


    transition:
    transform .3s ease,
    box-shadow .3s ease;


    animation:
    elet_pulzus 3s infinite;

}



#ely-zene-gomb:hover {

    transform:scale(1.1);

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

}




#ely-zene-gomb.aktiv {

    background:
    linear-gradient(
        145deg,
        #7fc58a,
        #45905a
    );


    animation:none;

}




#ely-zene-gomb svg {

    width:30px;

    height:30px;

    fill:white;

    stroke:white;

    stroke-width:1.8;

}



#ely-zene-gomb line {

    fill:none;

}




@keyframes elet_pulzus {


0% {

box-shadow:
0 0 0 0 rgba(216,176,106,.5);

}


70% {

box-shadow:
0 0 0 18px rgba(216,176,106,0);

}


100% {

box-shadow:
0 0 0 0 rgba(216,176,106,0);

}


}




@media(max-width:768px){


#ely-zene-gomb {


left:15px;

bottom:75px;


width:54px;

height:54px;


}



#ely-zene-gomb svg {

width:26px;

height:26px;

}


}