@keyframes anim-shake {

    0%,
    10%,
    20% {
        transform: rotate(0deg);
        transform-origin: 50% 50%
    }

    14%,
    16%,
    18% {
        transform: rotate(1.3deg)
    }

    15%,
    17%,
    19% {
        transform: rotate(-1.3deg)
    }
}

@keyframes anim-shake-2x {

    0%,
    10%,
    20% {
        transform: rotate(0deg);
        transform-origin: 50% 50%
    }

    14%,
    16%,
    18% {
        transform: rotate(5deg)
    }

    15%,
    17%,
    19% {
        transform: rotate(-5deg)
    }
}

@keyframes anim-pulse {

    0%,
    10%,
    20% {
        transform: scale(1);
        transform-origin: 50% 50%
    }

    14%,
    18% {
        transform: scale(1.1)
    }

    15%,
    19% {
        transform: scale(1)
    }
}

@keyframes anim-pulse-2x {

    0%,
    10%,
    20% {
        transform: scale(1);
        transform-origin: 50% 50%
    }

    14%,
    18% {
        transform: scale(1.2)
    }

    15%,
    19% {
        transform: scale(1)
    }
}

.ho-anim-shake {
    animation: anim-shake 2.75s ease-in-out;
    animation-delay: 1.5s;
    animation-iteration-count: infinite
}

.ho-anim-pulse {
    animation: anim-pulse 2.75s ease-in;
    animation-delay: 1.5s;
    animation-iteration-count: infinite
}

.ho-badge {
    left: 4px;
    position: absolute;
    top: -20px;
    z-index: 2
}

.ho-badge>a {
    display: inline-block;
    height: auto !important;
    width: auto !important
}

.ho-badge.ho-anim-shake {
    animation-name: anim-shake-2x
}

.ho-badge.ho-anim-pulse {
    animation-name: anim-pulse-2x
}