Efecto Vila javascript

                  const headlineFooter = document.querySelector('#headline-footer')
const fancyIcon546 = document.querySelector('#fancy_icon-546-12')
const fancyIcon588 = document.querySelector('#fancy_icon-588-12')

let rect = fancyIcon546.getBoundingClientRect();

headlineFooter.addEventListener('mouseenter',function(){
	headlineFooter.style.borderTop= '4px dashed'
	headlineFooter.style.borderBottom= '4px dashed'
	fancyIcon546.style.transform= 'scale(1.3) rotate(47deg) translateX(' + (-50) + 'px)'
	fancyIcon588.style.transform= 'scale(1.3)rotate(-47deg) translateX(' + (50) + 'px)'
	
})
headlineFooter.addEventListener('mouseleave',function(){
	headlineFooter.style.borderTop= '3px dotted'
	headlineFooter.style.borderBottom= '3px dotted'
	fancyIcon546.style.transform= 'scale(1) rotate(0deg)'
	fancyIcon588.style.transform= 'scale(1) rotate(0deg)'
})