/* ===========================
   FLOATING BUTTON
=========================== */


.floating-contact {


    position:fixed;


    right:25px;


    bottom:100px;


    width:65px;


    height:65px;


    border-radius:50%;


    background:

    var(--purple);


    color:white;


    display:flex;


    justify-content:center;


    align-items:center;


    font-size:1.8rem;


    box-shadow:

    0 20px 50px rgba(80,50,70,.3);


    z-index:200;


    transition:

    .3s ease;


}





.floating-contact:hover {


    transform:

    translateY(-8px);


}





@media(min-width:900px){


    .floating-contact {


        display:none;


    }


}