:host {
  /**
    * @prop --ino-icon-width: Width of the icon
    * @prop --ino-icon-height: Height of the icon
    * @prop --ino-icon-color: Color of the icon
   */
  --icon-width: var(--ino-icon-width, 1em);
  --icon-height: var(--ino-icon-height, 1em);
  --icon-color: var(--ino-icon-color, var(--ino-icon-color-primary, #3d40f5));
}

:host {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  vertical-align: middle;
}
:host i {
  font-size: inherit;
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-style: normal;
}
:host i[role=button] {
  cursor: pointer;
}
:host svg {
  color: var(--icon-color);
  fill: var(--icon-color);
  height: var(--icon-height);
  width: var(--icon-width);
}