<div x-style="max-w:80; mx:auto; radius:md; e:2; e.hover:4; transition:all 0.25s; cursor:pointer"> < insert the office gif here > No! God! Please! No! -------

<div x-style="max-w:80; mx:auto; radius:md; e:2; e.hover:4; transition:all 0.25s; cursor:pointer"> < insert the office gif here > No! God! Please! No! ------- Even worse this runs on the client and is transformed from js back to css. How is this even helpful? Why not use inline style directly then? What do I miss?