.thegem-button-animate .gem-button{opacity:0;transition:none}.thegem-button-animated.thegem-button-animation-slide-up,.thegem-button-animated.thegem-button-animation-slide-down,.thegem-button-animated.thegem-button-animation-slide-left,.thegem-button-animated.thegem-button-animation-slide-right{overflow:hidden}.thegem-button-animated.thegem-button-animation-slide-up .gem-button{animation-name:buttonSlideUp;animation-fill-mode:forwards;animation-duration:1200ms;animation-timing-function:cubic-bezier(0,1,.3,1)}@keyframes buttonSlideUp {
    from {
        opacity: 1;
        transform: translateY(170%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}.thegem-button-animated.thegem-button-animation-slide-down .gem-button{animation-name:buttonSlideDown;animation-fill-mode:forwards;animation-duration:1200ms;animation-timing-function:cubic-bezier(0,1,.3,1)}@keyframes buttonSlideDown {
    from {
        opacity: 1;
        transform: translateY(-170%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}.thegem-button-animated.thegem-button-animation-slide-left .gem-button{animation-name:buttonSlideLeft;animation-fill-mode:forwards;animation-duration:1200ms;animation-timing-function:cubic-bezier(.25,1,.5,1)}@keyframes buttonSlideLeft {
    from {
        opacity: 1;
        transform: translateX(120%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}.thegem-button-animated.thegem-button-animation-slide-right .gem-button{animation-name:buttonSlideRight;animation-fill-mode:forwards;animation-duration:1200ms;animation-timing-function:cubic-bezier(.25,1,.5,1)}@keyframes buttonSlideRight {
    from {
        opacity: 1;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}.thegem-button-animated.thegem-button-animation-fade-down .gem-button{animation-duration:.7s;animation-fill-mode:both;animation-name:buttonFadeDown;animation-timing-function:cubic-bezier(.175,.885,.320,1.275)}@keyframes buttonFadeDown {
    from {
        transform: translate(0, -10%);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}.thegem-button-animated.thegem-button-animation-fade-up .gem-button{animation-duration:.7s;animation-fill-mode:both;animation-name:buttonFadeUp;animation-timing-function:cubic-bezier(.175,.885,.320,1.275)}@keyframes buttonFadeUp {
    from {
        transform: translate(0, 10%);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}.thegem-button-animated.thegem-button-animation-fade-right .gem-button{animation-duration:.7s;animation-fill-mode:both;animation-name:buttonFadeRight;animation-timing-function:cubic-bezier(.175,.885,.320,1.275)}@keyframes buttonFadeRight {
    from {
        transform: translate(-10%, 0);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}.thegem-button-animated.thegem-button-animation-fade-left .gem-button{animation-duration:.7s;animation-fill-mode:both;animation-name:buttonFadeLeft;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}@keyframes buttonFadeLeft {
    from {
        transform: translate(10%, 0);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}.thegem-button-animated.thegem-button-animation-fade .gem-button{animation-duration:1s;animation-fill-mode:both;animation-name:buttonFade}@keyframes buttonFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}