/* --- FLOATING BUTTON --- */

.floating-btn {

    position: fixed;

    bottom: 60px;

    right: 15px;

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

    transition: opacity .4s ease;

    display: flex;

    align-items: center;

    justify-content: center;

}

.floating-btn.visible {

    opacity: 1;

    visibility: visible;

}

.floating-btn img {

    display: block;

    border: none;

    background: transparent;

    padding: 0;

    margin: 0;

    box-shadow: none;

    position: relative;

    z-index: 2;

}

.floating-btn::before {

    content: "";

    position: absolute;

    width: 88%;

    height: 88%;

    border-radius: 50%;

    background: #f1f3f4;

    box-shadow: 0 2px 6px rgba(0,0,0,.18);

    z-index: 1;

}

@media (hover:hover){

.floating-btn:hover::before{

background:#e0ffe0;

}

}

@media (hover:none){

.floating-btn:hover::before{

background:#f1f3f4;

}

}