Hydration errors style attribute since vue 3.4

[nestle49]

Now (since vue 3.4) we have hydration errors with styles attribute

For example two elements - section and button from the right side

Section has paddingRight attribute that depends from size button. It means after mount button size changed and we have hydration error - different paddingRight on client and server side. I try change padding only if mounted component, but it's failed - hydration is not finished

<div :style="{ paddingRight: `${width + 10}px` }">
 Content
</div>

<button ref="cartButton">
Cart button
</button>

const cartButton = ref<HTMLElement>()
    const { width } = useElementSize(cartButton, undefined, {
        box: 'border-box'
    })

How can I now change the dynamic parameters of the style without getting a hydration error?