.icon-button{box-sizing:border-box;cursor:pointer;outline-offset:3px;border:1px solid;border-radius:10px;outline-width:2px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;display:flex}.icon-button_transparent{color:var(--cl-text);background:0 0;border-color:#0000}.icon-button_transparent:hover{color:var(--cl-primary)}.icon-button_neutral,.icon-button:disabled{background-color:var(--cl-neutral);color:var(--cl-text);opacity:.8}.icon-button_neutral:hover,.icon-button:disabled:hover{opacity:1}.icon-button_light{background-color:var(--cl-text);color:var(--cl-background);opacity:.8}.icon-button_light:hover{opacity:1}.icon-button_primary{background-color:var(--cl-primary);color:var(--cl-text);opacity:.8}.icon-button_primary:hover{opacity:1}.icon-button_secondary{background-color:var(--cl-secondary);color:var(--cl-text);opacity:.8}.icon-button_secondary:hover{opacity:1}