button.base{background-color:var(--highlight);border-radius:.5rem;display:flex}button.base:hover{background-color:var(--hover)}button.base:active{opacity:.5}button.base:disabled{opacity:.5;pointer-events:none}button.base>div{color:inherit;-moz-column-gap:inherit;column-gap:inherit;font-family:inherit}button.selected{color:var(--background)}button.selected,button.selected:hover{background-color:var(--on-surface)}button.border{background-color:transparent;border-color:var(--hover)}button.border:hover{background-color:var(--highlight)}button.icon>div{align-items:center;display:flex}button.small{-moz-column-gap:.25rem;column-gap:.25rem;font-size:.875rem;font-weight:500;line-height:1.2em;padding:.5rem .75rem}button.medium{padding:.75rem 1rem}button.large,button.medium{-moz-column-gap:.5rem;column-gap:.5rem;font-size:1rem;font-weight:500;line-height:1.2em}button.large{padding:1rem}button.medium.selected,button.small.selected{font-weight:600}button.large.selected{font-weight:700}