:root{--button-height:40px;--button-color:#333;--button-hover-color:#333;--button-background:#f8f8f8;--button-hover-background:#cecece;--button-border-radius:4px;--button-max-width:370px;--button-border-size:1px;--button-small-height:25px}.button-box,.button-group{display:flex;gap:0px}.button{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;gap:5px;box-sizing:border-box;height:var(--button-height);padding:0 calc(var(--button-height) / 2);max-width:var(--button-max-width,100%);background-color:var(--button-background);background-color:var(--button-background);color:var(--button-color);font-weight:500;border-radius:var(--button-border-radius);border:var(--button-border-size) solid var(--button-border-color,var(--button-background-color));transition:background-color 0.3s,color 0.3s,border-color 0.3s}.button:hover,.button:focus,.button.is-active{font-weight:500;color:var(--button-hover-color);background:var(--button-hover-background);border-color:var(--button-hover-border-color,var(--button-hover-background))}.button-set + .button-set{border-radius:0 var(--button-border-radius) var(--button-border-radius) 0;margin-right:15px;border-left:0px}.button-set:has(+ .button-set){margin-right:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px solid transparent;margin-left:5px}.button-set + .button-set:has(+ .button-set){margin-left:0px;border-right:0px solid transparent;border-left:0px solid transparent;border-top-left-radius:0px;border-bottom-left-radius:0px}.button-icon{padding:0;width:var(--button-height)}.button-icon button{border:0px solid transparent;outline:0px solid transparent;height:100%;width:100%;background-color:transparent;cursor:pointer}.button-icon button:hover{background-color:transparent}.button-icon.button-icon-small{width:var(--button-small-height);height:var(--button-small-height)}.button-primary{--button-background:#145DA0;--button-border-color:#145DA0;--button-hover-background:#0C2D48;--button-color:#fff;--button-hover-color:#fff}.button-secondary{--button-background:#ece0fa;--button-border-color:#ece0fa;--button-hover-background:#722fbe;--button-hover-color:#ece0fa;--button-color:#722fbe}.button-positive,.button-save,.button-publish{--button-background:#8ae2b6;--button-border-color:#22744b;--button-hover-background:#22744b;--button-color:#22744b;--button-hover-color:#8ae2b6}.button-alarm,.button-delete{--button-background:#fdc8bf;--button-border-color:#bd0f28;--button-hover-background:#6b0a17;--button-color:#bd1717;--button-hover-color:#fdc8bf}.button-outline{--button-background:transparent;--button-color:#fff;--button-border-size:2px}.button-small{--button-height:30px}.button-large{--button-height:50px}.button-wide{width:100%}