#video-bubble video, #video-bubble img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 4px solid #ed9507;
  object-fit: cover;
  object-position: top;
}

#video-bubble {
  position: fixed;
  bottom: 21px;
  right: 10px;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
}

#video-bubble video {
  display: none;
}

#video-bubble.active video {
  width: 340px;
  height: 580px;
  border-radius: 15px;
  border: 4px solid #272b31;
  object-fit: cover;
  display: block;
}

#video-bubble.active img {
  display: none;
}

#close-button {
  position: fixed;
  display: inline-block;
  width: 30px;
  height: 30px;
  right: 3px;
  bottom: 20px;
  background-color: #8507ed;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}

#close-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
}
#video-bubble.active a.video-cta {
  position: absolute;
  bottom: 50px;
  left: 50%;
  background: #00b62e;
  padding: 7px 80px;
  transform: translateX(-50%);
  border-radius: 10px;
  border: 2px solid #faf0ca;
  color: #faf0ca;
  z-index: 3;
  cursor: pointer;
  display: inline-block;
}

a.video-cta {
    display: none;
}