/* ---BUTTON---- */
.btn {
    text-decoration: none;
    color: #fff;
    background: #D52630;
    padding: 1vw 2vw;
    font: normal 3vw verdana;
    border-radius: 15px;
}
.btnq {
    text-decoration: none;
    color: #fff;
    background: #D52630;
    padding: 1vw 2vw;
    font: normal 3vw verdana;
    border-radius: 15px;
    animation: shake 7s infinite ease;
}

a.btn:hover,button:hover {
    color: #f74a53;
    background-color: #3b4758;
    transition: color 0.3s ease;
    transition: background-color 1s ease;
}

a.btnq:hover {
    color: #f74a53;
    background-color: #3b4758;
    transition: color 0.3s ease;
    transition: background-color 1s ease;
}
#wmstop:hover {
    animation: wiggle 1s infinite ease-in-out;
    filter: brightness(0) invert(1);
    transition: all 0.5s ease;
}

/* BUTTON SHAKE----------------------- */
@keyframes shake {
    0%  {}
    1%,3%,5%,7%,9% {transform: rotate(5deg);}
    2%,4%,6%,8% {transform: rotate(-5deg);}
    10% {transform: none;}
  }

@keyframes wiggle {
    0%  {}
    10%,30%,50%,70%,90% {transform: translateX(4px);}
    20%,40%,60%,80% {transform: translateX(-4px);}
    95% {transform: none;}
  }

  @media only screen and (max-width: 799px) {
        .btn {
            padding: 2vw 4vw;
            font: normal 5.3vw verdana;
            border-radius: 15px;
        }
        .btnq {
            padding: 2vw 4vw;
            font: normal 5.3vw verdana;
            border-radius: 15px;
        }
  }