/* GENEL FLOAT BUTON */
.floatBtn{
    position:fixed;
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,0.2);
    cursor:pointer;
    z-index:9999;
    animation:pulseRing 2s infinite;
    transition:all .3s;
}

.floatBtn:hover{
    transform:scale(1.15);
}

/* SOL TARAF */
.float-left{
    left:40px;
}

/* SAĞ TARAF */
.float-right{
    right:40px;
}

/* ALT BOŞLUK */
.float-bottom-1{
    bottom:70px;
}

.float-bottom-2{
    bottom:130px;
}

/* INSTAGRAM ICON */
.instagram-btn:before{
    content:"";
    width:28px;
    height:28px;
    background:url("https://cdn-icons-png.flaticon.com/512/2111/2111463.png") center/contain no-repeat;
}

/* TELEFON ICON */
.phone-btn:before{
    content:"";
    width:22px;
    height:22px;
    background:url("https://cdn-icons-png.flaticon.com/512/597/597177.png") center/contain no-repeat;
    animation:phoneShake 1.6s infinite;
}

/* WHATSAPP ICON */
.whatsapp-btn:before{
    content:"";
    width:28px;
    height:28px;
    background:url("https://cdn-icons-png.flaticon.com/512/733/733585.png") center/contain no-repeat;
}

/* TELEFON SALLANMA */
@keyframes phoneShake{
    0%{transform:rotate(0deg);}
    20%{transform:rotate(18deg);}
    40%{transform:rotate(-18deg);}
    60%{transform:rotate(12deg);}
    80%{transform:rotate(-12deg);}
    100%{transform:rotate(0deg);}
}

/* HALKA ANİMASYONU */
@keyframes pulseRing{
    0%{
        box-shadow:
        0 0 0 0 rgba(0,123,255,0.5),
        0 5px 20px rgba(0,0,0,0.2);
    }

    70%{
        box-shadow:
        0 0 0 20px rgba(0,123,255,0),
        0 5px 20px rgba(0,0,0,0.2);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(0,123,255,0),
        0 5px 20px rgba(0,0,0,0.2);
    }
}