:host {
  display: grid;
  place-items: center;
  width: var(--gr-rem);
  height: var(--gr-rem);
  contain: strict;
}

svg {
  fill: currentColor;
  display: none;
  height: 100%;
  width: 100%;
}

button {
  all: unset;
  display: contents;
}

:host(.paused) #play,
#pause {
  display: block;
}

:host(.paused) #pause {
  display: none;
}