.social-icon {
    display: grid;
    place-items: center;
    height: 48px;
    width: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: white;
    font-size: 1.5rem;
    transition: all .5s;

}


.social-icon:hover{

    background-color: #CF09A4;
    border-color: #CF09A4;


}