@uva-glass/component-library/dist/assets/IconButton.css

React components UvA

._icon-button_159x3_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;color:var(--color-black);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.25rem;height:2.75rem;justify-content:center;margin:0;outline:0;padding:0;position:relative;white-space:nowrap;width:2.75rem}._icon-button_159x3_1:focus-visible{border-color:currentcolor}._icon-button--destructive_159x3_27{color:var(--color-uva-red)}._icon-button_159x3_1:hover:not(:disabled){border-color:currentcolor}._icon-button--no-border_159x3_35:focus-visible,._icon-button--no-border_159x3_35:hover:not(:disabled){background-color:var(--color-lavender)}._icon-button--no-border_159x3_35:hover:not(:focus-visible,:disabled){border-color:transparent}._icon-button--wide_159x3_44{min-width:2.75rem;padding:0 .75rem;width:unset}._icon-button_159x3_1>svg{pointer-events:none}._icon-button_159x3_1[disabled]{cursor:unset;opacity:.4}@media (hover: none){._icon-button_159x3_1:after{bottom:-.5rem;content:" ";left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}}