{block:ifBounceToTopLinkEffect}
.hvr-bounce-to-top {
    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-property:color;
    transition-property:color;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
}

.hvr-bounce-to-top:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {color:white;}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
{/block:ifBounceToTopLinkEffect}

{block:ifBounceToBottomLinkEffect}
.hvr-bounce-to-bottom {
    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-property:color;
    transition-property: color;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
}

.hvr-bounce-to-bottom:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {color:white;}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
{/block:ifBounceToBottomLinkEffect}

{block:ifBounceToRightLinkEffect}
.hvr-bounce-to-right {
    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-property:color;
    transition-property:color;
    -webkit-transition-duration:.7s;
    transition-duration:.7s;
}

.hvr-bounce-to-right:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.7s;
    transition-duration:.7s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {color:white;}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
{/block:ifBounceToRightLinkEffect}

{block:ifBounceToLeftLinkEffect}
.hvr-bounce-to-left {
    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-property:color;
    transition-property:color;
    -webkit-transition-duration:.7s;
    transition-duration:.7s;
}

.hvr-bounce-to-left:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.7s;
    transition-duration:.7s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {color:white;}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
{/block:ifBounceToLeftLinkEffect}