/* Shake Animation for Buy Button */
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-3px);
}
20%, 40%, 60%, 80% {
transform: translateX(3px);
}
}
/* Apply to Add to Cart button */
button[name="add"] {
animation: shake 0.5s ease-in-out infinite;
}
/* Alternative selectors if above doesn't work */
.product-form__submit,
.button-primary,
[data-add-to-cart] {
animation: shake 0.5s ease-in-out infinite;
}
