@import 'themes/default';

.Button-Icon {
  --focus--offset: var(--focus--width);

  align-items: center;
  // This background color may look weird, but it's critical for supporting
  // background transitions starting or ending with a transparent background.
  background-color: var(--color--none);
  border: none;
  border-radius: var(--Button-Icon____radius);
  cursor: pointer;
  display: inline-flex;
  font-size: inherit;
  justify-content: center;
  transition-property: background, color, height, width, border-color;
  transition-duration: var(--Button-Icon____transition-duration);

  &[disabled] {
    cursor: default;
    pointer-events: none;
  }
}