.icon-button{display:inline-flex;align-items:center;gap:12px;margin-left:8px;height:40px;cursor:pointer;border:none;background:none;padding:0;border-bottom:unset}.icon-button .icon{display:block;height:24px;position:relative}.icon-button .icon::before{content:"";position:absolute;border-radius:360px;top:-8px;left:-8px;transition:all .1s ease-in-out;height:40px;width:40px}.icon-button .icon svg{position:relative;z-index:2}.icon-button .icon svg path{stroke:var(--ncos-colour-sys-on-surface)}.icon-button__label{color:var(--ncos-colour-sys-on-surface)}.icon-button:hover{border-bottom:unset}.icon-button:hover .icon::before{background-color:var(--ncos-colour-state-layer-primary-opacity-10)}.icon-button:active .icon::before{background-color:var(--ncos-colour-state-layer-primary-opacity-20)}.icon-button--disabled{cursor:default;pointer-events:none}.icon-button--disabled .icon::before{background-color:var(--ncos-colour-state-layer-on-surface-opacity-10)}.icon-button--disabled .icon svg path{stroke:var(--ncos-colour-sys-on-surface-alt)}