lvl up any site with slick animations

// btn_1// Select all buttons with the voomsh attribute
const buttons = document.querySelectorAll('[voomsh="btn_1"]');buttons.forEach(button => {
 // Initial state
 gsap.set(button, {
   scale: 1,
   boxShadow: "none"
 });  // Hover in
 button.addEventListener("mouseenter", () => {
   const buttonColor = window.getComputedStyle(button).backgroundColor;
   gsap.fromTo(button,
     {
       scale: 1,
       boxShadow: "none"
     },
     {
       scale: 1.1,
       boxShadow: `0 0 15px ${buttonColor.replace(")", ", 1)")}`,
       duration: 0.4,
       ease: "circ.out"
     }
   );
 });  // Mouse down
 button.addEventListener("mousedown", () => {
   gsap.fromTo(button,
     {
       scale: 1.1
     },
     {
       scale: 0.95,
       duration: 0.05,
       ease: "circ.out"
     }
   );
 });  // Mouse up
 button.addEventListener("mouseup", () => {
   gsap.fromTo(button,
     {
       scale: 0.95
     },
     {
       scale: 1.1,
       duration: 0.2,
       ease: "circ.out"
     }
   );
 });  // Hover out
 button.addEventListener("mouseleave", () => {
   gsap.fromTo(button,
     {
       scale: 1.1,
       boxShadow: `0 0 15px ${window.getComputedStyle(button).backgroundColor.replace(")", ", 1)")}`
     },
     {
       scale: 1,
       boxShadow: "none",
       duration: 0.4,
       ease: "circ.out"
     }
   );
 });
});