.video-controls.is-hidden {
  display: none;
}

.video-controls .video-pause {
  display: none;
}

.video-controls.is-playing .video-play {
  display: none;
}

.video-controls.is-playing .video-pause {
  display: block;
}

.video-controls .video-toggle {
  border-radius: 50%;
  background-color: var(--c-primary-light);
  color: var(--c-primary-blue);
  border: var(--spacing-1px) solid var(--c-grey);
}

.video-controls .video-toggle.button--icon:hover .button__icon  {
  background-color: var(--c-primary-light);
  color: var(--c-primary-blue);
}