document.getElementById('aboba').addEventListener('mouseover', function() {
    const parent = this.parentElement;
    parent.style.paddingTop = `${parseFloat(window.getComputedStyle(parent).paddingTop) * 1.1}px`;
    parent.style.paddingBottom = `${parseFloat(window.getComputedStyle(parent).paddingBottom) * 1.1}px`;
});

document.getElementById('aboba').addEventListener('mouseout', function() {
    const parent = this.parentElement;
    parent.style.paddingTop = `${parseFloat(window.getComputedStyle(parent).paddingTop) / 1.1}px`;
    parent.style.paddingBottom = `${parseFloat(window.getComputedStyle(parent).paddingBottom) / 1.1}px`;
});