body.widget-snippet {
        background-color: #222;
        padding:40px;
    }
    body.widget-snippet .social-media-footer ul li[data-cloneable="true"] {
        padding: 7px;
    }
    .widget-snippet .social-media-footer ul li {
        display: inline-block;
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    .widget-snippet .social-media-footer .social-links li a,
    .widget-snippet .social-media-footer .social-links li a:focus {
        border: 2px transparent solid;
        color: #7d7d7d;
        display: inline-block;
        background-color: #363636;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        margin: 0 3px;
        outline: medium none;
        text-align: center;
        border-radius: 50%;
        width: 40px;
        -webkit-transition: all 400ms ease-out 0s;
        -moz-transition: all 400ms ease-out 0s;
        -ms-transition: all 400ms ease-out 0s;
        -o-transition: all 400ms ease-out 0s;
        transition: all 400ms ease-out 0s;
    }
    body.widget-snippet .social-media-footer .social-links li a.snippet-highlighted-elm,
    body.widget-snippet .social-media-footer .social-links li a.snippet-activated-elm {
        outline: 2px #f26522 dashed;
        cursor: pointer;
    }
    .widget-snippet .social-media-footer .social-links li:first-child a {
        margin-left: 0;
    }
    .widget-snippet .social-media-footer .social-links li:last-child a {
        margin-right: 0;
    }
    .widget-snippet .social-media-footer .social-links li a:hover {
        color:#fff;
        background-color: #cb2d2d;
    }
    .widget-snippet .social-media-footer .social-links li a:hover i {
        color:#fff;
    }