body {
}

.social-bar{
    position:fixed;
    right:0;
    top:35%;
    font-size:1.5rem;
    display:flex;
    flex-direction:column;
    align-items: flex-end;
    z-index:10000;
}

.iconSocial{
    color: white;
    text-decoration: none;
    padding: .7rem;
    display: flex;
    transition: all .5s;
}

.social-bar a {
    text-decoration: none;
}

.social-bar .bi-whatsapp {
    background: #25D366;
    border-radius: 1rem 0 0 0;
}

.social-bar .bi-instagram {
    background: #E1306C;
}

.social-bar .bi-facebook {
    background: #2E406E;
}

.social-bar .bi-twitter {
    background: #339DC5;
    border-radius: 0 0 0 1rem;
}

.iconSocial:hover {
    padding-right: 3rem;
    border-radius: 1rem 0 0 1rem;
    box-shadow: 0 0 .5rem rgba(0 , 0, 0 , 0.42);
}