.button{padding:0 16px}.button,.ghost-button{display:flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;border-radius:var(--radius-md);overflow:hidden}.ghost-button{padding:0 12px}.icon-button{flex-shrink:0;display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--radius-md);overflow:hidden}.button--full{width:100%}.button--large{height:56px}.button--medium{height:48px}.button--small{height:40px}.icon-button--large{width:56px;height:56px}.icon-button--medium{width:48px;height:48px}.icon-button--small{width:40px;height:40px}.button--border{border:2px solid var(--outline)}.button__label{padding:0 8px}.ghost-button__label{padding:0 4px}.button__state{display:flex;position:absolute;width:100%;height:100%;opacity:0;z-index:10}.button__state:hover{opacity:.1}.button__state:active{opacity:.2}