@keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-5px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(5px);
    }
}

@keyframes shake-modal {
    0%,
    100% {
        transform: translateX(-50%);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(calc(-50% - 5px));
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(calc(-50% + 5px));
    }
}

.shake {
    animation: shake 0.6s;
}