/* Floating container */

.floating-contact{
    position:fixed;

    right:25px;
    bottom:25px;

    display:flex;
    flex-direction:column;

    gap:18px;

    z-index:9999;
}

/* Each contact */

.floating-btn{
    position:relative;

    display:flex;
    align-items:center;

    text-decoration:none;
}

/* Icon */

.floating-btn img{
    width:50px;
    height:50px;
    border-radius: 24px;

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

    transition:.3s;
}

.floating-btn:hover img{
    transform:scale(1.08);
}

/* Bubble */

.floating-btn span{
    position:absolute;

    right:75px;

    padding:12px 20px;

    color:#333;
    background-color: aliceblue;

    font-size:16px;
    font-weight:500;

    white-space:nowrap;

    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,.18);

    opacity:0;

    transform:translateX(20px);

    transition:.35s ease;
}

/* Small arrow */

.floating-btn span::after{

    content:"";

    position:absolute;

    right:-8px;
    top:50%;

    transform:translateY(-50%);

    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:8px solid white;

}

/* Hover */

.floating-btn:hover span{

    opacity:1;

    transform:translateX(0);

}