.button-square{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--background-primary);width:32px;height:32px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:400;display:flex}.button-square:hover{background:var(--background-secondary);border:1px solid var(--border-secondary)}.button-square:active{color:var(--text-accent);background:var(--background-dark);border:1px solid var(--border-accent)}.button-square--sm{width:16px;height:16px;font-size:.7rem}.button-square.fresh-design.button-square--md{width:36px;height:36px}.button-square--dark{background:var(--background-dark);border:1px solid transparent}.button-square--dark:hover{background:var(--background-tertiary);border-color:transparent}.button-square--dark:active{background:var(--background-bright);border-color:var(--border-tertiary);color:var(--text-primary)}.button-square--darker{background:var(--background-darker);border:1px solid transparent}.button-square--darker:hover{background:var(--background-tertiary);border-color:transparent}.button-square--darker:active{background:var(--background-bright);border-color:var(--border-tertiary);color:var(--text-primary);border:none}.button-square--warning{background:rgba(223,154,33,.05);border:1px solid rgba(253,176,34,.2)}.button-square--warning .button-square__icon{color:var(--text-warning)}