:host {
  --margin: 0.375em;
  --icon-width: 1em;
  --icon-height: 1em;

  display: -webkit-inline-box;

  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

svg {
  display: block;
  width: var(--icon-width);
  height: var(--icon-height);
  -webkit-transition: color 200ms, fill 200ms;
  transition: color 200ms, fill 200ms
}

svg[margin-right] {
    margin-right: var(--margin);
  }

svg[margin-left] {
    margin-left: var(--margin);
  }