.svg-img-border {
    position: relative;
    background: #725B9F;
    border-radius: 50%;
    width: 78px;
    height: 78px;
    margin: 0 auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    .svg-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        path {
            fill: white;
             -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
        }
    }
    &:hover, &:active, &:focus, &.active {
        background: pink;
        .svg-img path {
            fill: red;
        }
    }
}