.video-element {
  position: relative;
  z-index: 5;
  display: block;
}

.video-element__button {
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
  z-index: 10;
  display: inline-flex;
  border-radius: 50%;
  border: 0.1rem solid currentColor;
  background: transparent;
  appearance: none;
  transition: box-shadow var(--duration-default);
}

.video-element__button:hover {
  box-shadow: 0 0 0.5rem 0 currentColor;
}

.video-element__button span {
  display: flex;
}

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

.video-element:not(.is-playing) .video-element__button-pause {
  display: none;
}