@layer base{button.icon-button{display:inline-block;font-family:Inter,serif;font-size:1.125rem;line-height:1.222em;border:none;background-color:transparent;color:var(--color-secondary);cursor:pointer;margin:0;padding:0 .1875rem}button.icon-button .icon-button__icon{position:relative;display:inline-block;font-size:.875rem;line-height:1.714em}button.icon-button .icon-button__icon[class^=icon-]:before{font-size:1.125rem;vertical-align:.0625rem;display:inline-block}button.icon-button:hover{color:var(--color-primary)}button.icon-button--with-text .icon-button__icon:before{padding-right:.625rem}button.icon-button[class*=icon-button--state-led-] .icon-button__icon:after{content:"";position:absolute;top:0;left:1.0625rem;width:.375rem;height:.375rem;border-radius:.1875rem}button.icon-button--state-led-green .icon-button__icon:after{background-color:var(--color-functional-success)}button.icon-button--state-led-red .icon-button__icon:after{background-color:var(--color-functional-error)}a.icon-button{display:inline-block;font-family:Inter,serif;font-size:.875rem;line-height:1.714em;color:var(--color-secondary);margin:0;padding:0 .1875rem;text-decoration:none}a.icon-button .icon-button__icon{display:inline-block;position:relative}a.icon-button .icon-button__icon[class^=icon-]:before{font-size:1.125rem;line-height:1.333em;vertical-align:.0625rem;display:inline-block}a.icon-button:hover{color:var(--color-primary);background-color:transparent;text-decoration:none}a.icon-button--with-text .icon-button__icon:before{padding-right:.625rem}a.icon-button[class*=icon-button--state-led-] .icon-button__icon:after{content:"";position:absolute;top:0;left:1.0625rem;width:.375rem;height:.375rem;border-radius:.1875rem}a.icon-button--state-led-green .icon-button__icon:after{background-color:var(--color-functional-success)}a.icon-button--state-led-red .icon-button__icon:after{background-color:var(--color-functional-error)}}