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)'
})