ul{margin-bottom:1em}ul li{margin:.26em 0}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,100px);grid-auto-rows:100px;grid-gap:10px;gap:10px}.button-grid>.button-grid-wrapper{border-radius:10px;display:flex;justify-content:center;align-items:center;padding:10px;text-align:center;color:#444;font-weight:700;border:4px solid #439f86;background:#ddd;cursor:pointer;position:relative;overflow:hidden;z-index:1}.button-grid>.button-grid-wrapper>div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-position:50%;background-size:cover}.button-grid>.button-grid-wrapper>div[data-background-type=icon]:before{content:var(--icon-code);font-family:Font Awesome\ 5 Free;font-weight:var(--icon-weight);font-size:var(--icon-size);color:rgba(0,0,0,.1);background-image:none}.button-grid>.button-grid-wrapper>div[data-background-type=image]:before{background-image:var(--button-background-image);content:none;font-family:unset;font-weight:unset;font-size:unset;color:unset}