i don`t know if this will help, i don't know really html or css but with reading some post and reading a bit in w3schools, i made this to alter the default template
![]()
and with the ideas of others commenters i made a buttom with imagen &{template:default} {{name= bottom}} {{bottom= [Button](~Mr. Yang|chibar" style="font-size:0px; background: transparent; width: 30%; height: 30%; border-style: none"><img src="https://i.pinimg.com/originals/c2/2c/d1/c22cd13dfcbe23a743507dfbc7caf31d.gif?v=2 ) }} this will give you something like this
![]()
![]()

and call the ability like a normal api bottom
now using a lot of stuff i made this
![]()
![]()

![]()
using this i even manage to use overflow for the text
&{template:default} {{name=[Still the Fluttering Wing](#" style="
color:DarkRed;
font-size:25px;
font-family: Patrick hand ;
font-weight: bold ;
font-style: italic ;
text-shadow: 0px 5px 4px black;
text-align:center;
line-height:44px;
display:block;
margin-top: -5px;
margin-left: -5px;
margin-right: -5px;
margin-bottom: -5px;
background-color: DarkOrange;
width: 260px;
height: 50px;
position: center;
box-sizing: content-box;
background-repeat: no-repeat;
background-attachment: fixed;
border: 5px solid blue;
border-color: DarkOliveGreen;
padding: 0px;
box-shadow: 5px 8px 4px black;
border-radius: 0px 0px 30px 0px;
)}} {{Type= Cascade Spell}} {{Level= 1}} {{Dice Pool=[Occult+Lung Tan](` /r [[@{Mr. Yang|Occult}+@{Mr. Yang|Lung Tan}]]d10>?{DC}f1) }} {{Difficulty= target’s Willpower}} {{Effect= [Paralysis](#" style="
color: auto;
font-family: arial black;
font-size: 15px;
" class="showtip" title="
**Immobilized / Paralyzed**
Attacking a partly immobilized target: +2 dice
Attacking a fully immobilized or paralyzed target: minimum 1 success) until they have “burned” actions equal to the spell’s successes}} {{=[Many demons have powers granting them preternatural speed. This spell — or rather, family of spells— evens the playing field by countering such advantages.
Targets affected by Still the Fluttering Wing suffer brief paralysis and can do nothing until they have “burned” the spell’s successes by declaring an equal number of actions.
**Note** that targets cannot actually perform the actions they declare while paralyzed; such declaration serves only to represent their struggle to regain control.
Although supernatural targets can use powers granting extra actions to end their paralysis faster (this is the only kind of action paralyzed targets can actually take), targets without such powers cannot split their dice pools to reduce the spell’s duration.
Still the Fluttering Wing requires physical contact with the target, demanding a reflexive attack roll in combat.
The paralysis inflicted by this spell inhibits voluntary action only. It cannot stop a living target’s heart or otherwise cause any injury.
Paralyzed targets also retain full use of their senses, though their eyes remain locked in the direction they faced when the spell took effect.
Each version of this spell generates near-identical results differentiated only by power, since the caster cannot spend more successes on canceling actions than the spell’s level. Lifeforce cost equals half the spell’s level (rounded down) plus one if the caster chooses to project the spell at range. Still the Fluttering Heart can be learned for any level of Lung Tan](~Mr. Yang|chibar#" style="
color: auto;
width: auto;
height: 100px;
border: 1px solid;
overflow: auto;
margin-left: -73px;
text-align: center;
background: transparent; style="font-size:0px;"><img src="https://i.pinimg.com/originals/c2/2c/d1/c22cd13dfcbe23a743507dfbc7caf31d.gif?v=2; " class="showtip" title= [ ](#" style=" background-color: transparent; padding: 10px 0px 10px; margin-top: -18px; display: block; width: 15%; position: absolute; bottom: 10px; left: 60px)[Chi @{selected|bar1} / @{selected|bar1|max}](#" style=" cursor: default; text-decoration: none; color: white; background-color: darkgreen; opacity: 0.5; padding: 5px 5px 3px 5px; margin-top: -8px; display: block; width: auto; position: absolute; bottom:30px; left: 50px; z-index: 4 )[ ](#" style=" background-color: green; padding: 10px 0px 10px; margin-top: -5px; display: block; width: $[[0]]%; position: absolute; bottom: 20px; left: 50px)}} [[ [[ @{chi}*10]] ]] class="showtip" title=)}} {{[ ](#)= Equals half the spell’s level (rounded down) plus one if the caster chooses to project the spell at range
}}
the bar will update with the token every time you use it if you make a attribute for the token to call for, and when you click the bottom will call the ability you give it.
note: the only problem i find is the text in overflow is also a bottom hehehe i don`t know how prevent that yet without mess everything up