
.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);
    }
}
/* .arrow-right-slim {
    border: solid red;
    border-width: 0 6px 6px 0;
    display: inline-block;
    position: absolute;
    padding: 6px;
    margin-left: 10;
  
    animation: 1.5s ease 0s normal none infinite running moving;
    -moz-animation: 1.5s ease 0s normal none infinite running moving;
    -webkit-animation: 1.5s ease 0s normal none infinite running moving;
    -o-animation: 1.5s ease 0s normal none infinite running moving;
  }
  
  @keyframes moving {
    0% {
        transform: scale(0.95);
        margin-left: -7%;
        transform: rotate(-45deg);
    }

    25% {
        transform: scale(1);
        margin-left: -12%;
        transform: rotate(-45deg);
    }
    50% {
        transform: scale(1);
        margin-left: -7%;
        transform: rotate(-45deg);
    }
    75% {
        margin-left: -12%;
        transform: rotate(-45deg);
    }
    100% {
        transform: scale(0.95);
        margin-left: -7%;
        transform: rotate(-45deg);
    }
}
@-moz-keyframes moving {
    0% {
        transform: scale(0.95);
        margin-left: 0%;
    }

    25% {
        transform: scale(1);
        margin-left: 5%;
    }
    50% {
        transform: scale(1);
        margin-left: 0%;
    }
    75% {
        margin-left: 5%;
    }
    100% {
        transform: scale(0.95);
        margin-left: 0%;
    }
}
@-webkit-keyframes moving {
    0% {
        transform: scale(0.95);
        margin-left: 0%;
    }

    25% {
        transform: scale(1);
        margin-left: 5%;
    }
    50% {
        transform: scale(1);
        margin-left: 0%;
    }
    75% {
        margin-left: 5%;
    }
    100% {
        transform: scale(0.95);
        margin-left: 0%;
    }
}
@-o-keyframes moving {
    0% {
        transform: scale(0.95);
        margin-left: 0%;
    }

    25% {
        transform: scale(1);
        margin-left: 5%;
    }
    50% {
        transform: scale(1);
        margin-left: 0%;
    }
    75% {
        margin-left: 5%;
    }
    100% {
        transform: scale(0.95);
        margin-left: 0%;
    }
} */
.pulseButton {
    position: relative;
    background: #16a100;
    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 red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px red;
        -moz-box-shadow: 0px 0px 4px 5px red;
        box-shadow: 0px 0px 4px 5px red;
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
    }
 }
 @-moz-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px red;
        -moz-box-shadow: 0px 0px 4px 5px red;
        box-shadow: 0px 0px 4px 5px red;
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
    }
}
@-webkit-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px red;
        -moz-box-shadow: 0px 0px 4px 5px red;
        box-shadow: 0px 0px 4px 5px red;
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
    }
}
@-o-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px red;
        -moz-box-shadow: 0px 0px 4px 5px red;
        box-shadow: 0px 0px 4px 5px red;
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px red;
        -moz-box-shadow: 0px 0px 0px 1px red;
        box-shadow: 0px 0px 0px 1px red;
    }
}
