.ffb-video {
  padding: 12px 0px;
}

.ffb-video .component-content .video-content {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.ffb-video .component-content .video-content .iframe-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.ffb-video .component-content .video-content .iframe-container > div, .ffb-video .component-content .video-content .iframe-container > iframe {
  width: 100%;
  height: 100%;
}

.ffb-video .component-content .video-content .on-edit {
  position: absolute;
  z-index: 2;
  margin: 10px;
}

.ffb-video .component-content .video-content #ffb-video-empty {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 10%;
  border: 1px solid #E7E9EB;
}

.ffb-video .component-content .video-content #ffb-video-empty path {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.ffb-video .component-content .video-content:hover #ffb-video-empty path {
  fill: #9BCF10;
}

.ffb-video .component-content .video-content:active #ffb-video-empty path {
  fill: #80AD07;
}