body{margin:0;padding:30px}.button-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;height:100vh;width:100%;overflow:auto;flex-direction:row;gap:10px}.button{width:100px;height:100px;background-color:purple;color:#fff;position:relative;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}.button-add,.button-global-setting{width:100px;height:100px;border-style:solid;border-width:1px;border-color:#d3d3d3;color:gray;position:relative;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}.gear{position:absolute;top:0;right:0}#plus-label,#setting-label{pointer-events:none;font-size:18px}#global-settings-dialog,#settings-dialog{display:none;position:absolute;top:calc(50% - 100px);left:calc(50% - 150px);background-color:#fff;border:1px solid #ccc;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:300px;height:200px}div#global-settings-dialog label,div#settings-dialog label{display:block;margin-bottom:5px}div#global-settings-dialog input,div#settings-dialog input{display:block;width:80%;padding:5px;margin-bottom:10px}