.flip-box {
    display: inline-block;
    position: absolute;
    height: inherit;
    text-align: center;
    width: inherit;
    transform-style: preserve-3d;
    backface-visibility: hidden;
/*    width: 70px;
    height: 50px;*/
    -moz-border-radius: 10px;
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
}

.icon-one:before,
.icon-one:after {
/*    content: '';
    position: absolute;
    border-bottom: 30px solid red;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 30px;
    left: 20px;
    transform: rotate(-140deg);*/
}

.icon-four:before,
.icon-four:after {

}

.icon-three:before,
.icon-three:after {

}

.icon-two:before,
.icon-two:after {

}

.icon-one {
/*    background-image: linear-gradient(to bottom right, red, #D413138A);*/
}

.icon-two {
    /*background-image: linear-gradient(to bottom right, red, #D413138A);*/
}

.icon-three {
    /*background-image: linear-gradient(to bottom right, red, #D413138A);*/
}

.icon-four {
    /*background-image: linear-gradient(to bottom right, red, #D413138A);*/
}