/* ==============================
   instagram FLOAT
============================== */

.instagram-float {

    position: fixed;

    right: 20px;
    bottom: 150px;

    width: 65px;
    height: 65px;

    border-radius: 50%;

    background: #ffffff;

    display: flex;

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

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

    z-index: 9999;

    transition: all 0.25s ease;

    animation: instagramPulse 2s infinite;
}

.instagram-float:hover {

    transform: scale(1.08);

    box-shadow: 0 10px 30px rgba(0,0,0,0.32);
}

.instagram-float img {

    width: 65px;
    height: 65px;
    border-radius: 50%;

    object-fit: contain;
}

/* ==============================
   ANIMACIÓN
============================== */

@keyframes instagramPulse {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

/* ==============================
   MOBILE
============================== */

@media (max-width: 768px) {

    .instagram-float {

        width: 58px;
        height: 58px;

        right: 16px;
        bottom: 320px;
    }

    .instagram-float img {

        width: 58px;
        height: 58px;
    }
}