svg{
    overflow:visible;
}
.iconSvg{
    max-width:50px;
    width:100%;
}
.iconOuter{
    fill:#fff;
}
.iconBrand{
    fill:#000;
}

.social_tool_wrapper{
    margin:5px;
    padding:10px;
}

.delete_component {
    z-index: 1000;
    transition: all ease-in-out 180ms;
    position: absolute;
    right: 3px;
    top: 3px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #dd2e31;
    border-radius: 3px;
    background-image: url(/images/delete_white_icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    cursor:pointer;
}

.edit_component{
    z-index: 1000;
    transition: all ease-in-out 180ms;
    position: absolute;
    right: 34px;
    top: 3px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #328949;
    border-radius: 3px;
    background-image: url(/images/editIcon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    cursor:pointer;
}