/**
 * CSS for both Frontend+Backend.
 */
@keyframes tp-rotate {
    0%,to {
        transform: rotate(0deg) translate3d(0,0,0)
    }
    25% {
        transform: rotate(3deg) translate3d(0,0,0)
    }
    50% {
        transform: rotate(-3deg) translate3d(0,0,0)
    }
    75% {
        transform: rotate(1deg) translate3d(0,0,0)
    }
}
@keyframes tp-storm {
    0%,to {
        transform: translate3d(0,0,0) translateZ(0)
    }
    25% {
        transform: translate3d(4px,0,0) translateZ(0)
    }
    50% {
        transform: translate3d(-3px,0,0) translateZ(0)
    }
    75% {
        transform: translate3d(2px,0,0) translateZ(0)
    }
}
.tpgb-adv-btn-inner.ab-cta.tpgb-cta-style-12 .adv-button-link-wrap {
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center
}
.tpgb-adv-btn-inner.ab-cta.tpgb-cta-style-12 .adv-button-link-wrap:hover {
    animation: tp-rotate .7s ease-in-out both
}
.tpgb-adv-btn-inner.ab-cta.tpgb-cta-style-12 .adv-button-link-wrap:hover span {
    animation: tp-storm .7s ease-in-out both;
    animation-delay: .06s
}
