.dnetor-btn-video-popup {
  --ripple-effect-color: var(--e-global-color-accent);
}
.dnetor-btn-video-popup.btn-circle {
  position: relative;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  padding: 0;
  background-color: var(--e-global-color-accent);
}
.dnetor-btn-video-popup.btn-circle .dnetor-btn-icon, .dnetor-btn-video-popup.btn-circle.btn-not-text i {
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
.dnetor-btn-video-popup.btn-circle .dnetor-btn-icon {
  display: flex;
  justify-content: center;
  text-align: center;
}
.dnetor-btn-video-popup.btn-circle .dnetor-btn-icon svg {
  margin: 0;
}
.dnetor-btn-video-popup.btn-ripple-effect:before, .dnetor-btn-video-popup.btn-ripple-effect:after {
  width: 150px;
  height: 150px;
  border: 2px solid var(--ripple-effect-color);
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  z-index: -1;
}
.dnetor-btn-video-popup.btn-ripple-effect {
  overflow: unset;
}
.dnetor-btn-video-popup.btn-ripple-effect:after {
  box-shadow: inset 0 0 35px 10px var(--ripple-effect-color);
  animation-delay: 1s;
  animation: ripple linear 2s infinite;
}
.dnetor-btn-video-popup.btn-ripple-effect:before {
  -webkit-box-shadow: inset 0 0 35px 10px var(--ripple-effect-color);
  -moz-box-shadow: inset 0 0 35px 10px var(--ripple-effect-color);
  box-shadow: inset 0 0 35px 10px var(--ripple-effect-color);
  border-color: var(--ripple-effect-color);
  animation: ripple linear 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.5s;
}
@keyframes ripple {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3);
  }
  1% {
    transform: translate(-50%, -50%) scale(0.32);
    opacity: 0.1;
  }
  20% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0.45);
  }
  60% {
    transform: translate(-50%, -50%) scale(0.75);
    opacity: 0.35;
  }
}

/*# sourceMappingURL=video-popup.css.map */