
.shakeMe {
    animation: shake 0.83s cubic-bezier(.36,.07,.19,.97);
    -webkit-animation: shake 0.83s cubic-bezier(.36,.07,.19,.97);
    -moz-animation: shake 0.83s cubic-bezier(.36,.07,.19,.97);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
@-webkit-keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
@-moz-keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
@-o-keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.pulseButton {
    position: relative;
    background: #0174d2;
    color: #fff;
    border-radius: 10px;
    animation: glowPulse 2.2s ease-in-out infinite;
    box-shadow: 0 0 0 rgba(75, 175, 79, 0.7);
    transition: transform 0.2s ease;
}

@keyframes glowPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(75, 175, 79, 0.6);
    }
    50% {
        transform: scale(1.03);
        box-shadow: 0 0 20px 12px rgba(75, 175, 79, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(75, 175, 79, 0);
    }
}

.border {
    animation: 1.5s ease 0s normal none infinite running theBorder;
    -moz-animation: 1.5s ease 0s normal none infinite running theBorder;
    -webkit-animation: 1.5s ease 0s normal none infinite running theBorder;
    -o-animation: 1.5s ease 0s normal none infinite running theBorder;
  }
  
  @keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
 }
 @-moz-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
}
@-webkit-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
}
@-o-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
}
