.hvr-float-shadow {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    transition-property:transform
    }
    
    .hvr-float-shadow:before {
    pointer-events:none;
    position:absolute;
    z-index:-1;
    content:'';
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:0;
    background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);
    background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform,opacity;
    transition-property:transform,opacity
    }
    
    .hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover {
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
    }
    
    .hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before {
    opacity:1;
    -webkit-transform:translateY(5px);
    transform:translateY(5px)
    }
  
.hvr-radial-out {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    overflow:hidden;
    background:#e1e1e1;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
    }
    
    .hvr-radial-out:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#1761e5;
    border-radius:100%;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
    }
    
    .hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover {
    color:#fff;
    }
    
    .hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before {
    -webkit-transform:scale(2);
    transform:scale(2)
    }
    .hover_sang2{position:relative; overflow:hidden;}
    .hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
    .hover_sang2:hover:before {transition: 1s;left: 100%;}