.video-js.vjs-record-start .vjs-button.vjs-record-start {
  cursor: pointer;
  display: block;
  font-family: VideoJs;
  font-size: inherit;
}

.video-js.vjs-record-start .vjs-button.vjs-record-start .vjs-icon-placeholder {
  display: block;
  margin: 0 auto;
  width: 14px;
  height: 14px;
/*
  clip-path: polygon(50% 100%, 2% 46%, 32% 46%, 32% 0%, 67.6% 0%, 67.6% 46%, 98% 46%, 50% 100%);
  background-color: #fff;
*/
  clip-path: circle(50%);
  background-color: white;
}

.video-js.vjs-record-stop .vjs-button.vjs-record-stop {
  cursor: pointer;
  display: block;
  font-family: VideoJs;
  font-size: inherit;
}

.video-js.vjs-record-stop .vjs-button.vjs-record-stop .vjs-icon-placeholder {
  display: block;
  margin: 0 auto;
  width: 14px;
  height: 14px;

  clip-path: circle(50%);
  background-color: red;
  animation: blinkbutton 1s infinite;
}

@keyframes blinkbutton {
    from {background-color: white;}
    to {background-color: red;}
}