.style88 {
            position: relative;
            display: inline-block;
            margin: 20px;
            max-width: 190px;
            width: 100%;
            color: white;
            font-size: 13px;
            box-shadow: none !important;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        .style88 *,
        .style88:before,
        .style88:after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 2s linear;
            transition: all 2s linear;
        }

        .style88:before,
        .style88:after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 50%;
            content: "";
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            z-index: -1;
            border: 2px solid #bbb;
            border-color: transparent #bbb;
        }

        .style88 img {
            max-width: 100%;
            backface-visibility: hidden;
            vertical-align: top;
            border-radius: 50%;
            padding: 10px;
        }

        .style88 figcaption {
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px;
            opacity: 0;
            background-color: rgba(40, 167, 69, 0.9);
            border-radius: 50%;
        }

        .style88 a {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .style88:hover figcaption,
        .style88.hover figcaption {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        .style88:hover:before,
        .style88.hover:before,
        .style88:hover:after,
        .style88.hover:after {
            border-width: 10px;
        }

        .style88:hover:before,
        .style88.hover:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .style88:hover:after,
        .style88.hover:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }