EDIT2: Actually - still an issue. Does not work when placed inside the surrounding card.
EDIT1: figured it out. Changed my horizontal stack to a layout card, with 4 blank cards total surrounding the 3 visible buttons.
- type: custom:layout-card
layout: horizontal
column_num: 7
max_columns: 7
max_width: [10%, 20%, 10%, 20%, 10%, 20%, 10%]
Happy with the result:
ORIGINAL POST:
Can someone point me in the right direction to achieve the above without using hardcoded pixel widths / heights? I thought I could add 4 blank buttons surrounding the centered buttons with width @ 25%, but after reading more I see you have to use widths in px. I also ran into the issue if I used more than 5 buttons the height would shrink automatically. Tried experimenting with styles - margin / padding, and aspect ratios as well.