.social-media ul {
    margin: 0;
    padding: 0;
}

.social-icon {
    width: 35px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-right: 5px;
}

.social-icon .icon-bg {
    transition: fill 250ms ease-out;
}

.social-icon .icon-logo {
    transition: fill 150ms ease-out;
}

.social-icon.youtube:hover .icon-bg {
    fill: #d03b3b;
}

.social-icon.instagram:hover .icon-bg {
    fill: #c54173;
}

.social-icon.facebook:hover .icon-bg {
    fill: #5176c9;
}

.social-icon.twitter:hover .icon-bg {
    fill: #49b1dd;
}

.social-icon:hover .icon-logo {
    fill: #ffffff;
}