.pb_circle {
    stroke-dasharray: 650;
    /*stroke-dashoffset: 650;*/
    -webkit-transition: all 0.5s ease-in-out;
    opacity: 0.3;
  }
  
  .playBut {
    /*  border: 1px solid red;*/
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    position: relative;
  }
  span.playBut:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    animation: pulsate1 2s;
    animation-direction: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps;
    animation-delay: 0.4s;
    opacity: 1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    background: transparent;
    transform: translate(-50%, -50%);
}
.no_anim .playBut:before{
    display: none !important;
}
  .playBut svg{
    display: block;
  }
  .playBut .triangle {
    -webkit-transition: all 0.7s ease-in-out;
    stroke-dasharray: 240;
    stroke-dashoffset: 480;
    transform: translateY(0);
  }
  .pb_wrap:hover .playBut:before,
  .yt_embed:hover .playBut:before,
  .playBut:hover:before{
    opacity: 0;
    transition-delay: 0s;
    animation: none;
  } 
.pb_wrap:hover .triangle,
.yt_embed:hover .triangle,  
.playBut:hover .triangle {
    stroke-dashoffset: 0;
    opacity: 1;
    animation: nudge 0.7s ease-in-out;
  }
  .yt_embed:hover .pb_circle, 
  .playBut:hover .pb_circle,
  .pb_wrap:hover .pb_circle {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  @keyframes nudge {
    0% {
      transform: translateX(0);
    }
    30% {
      transform: translateX(-5px);
    }
    50% {
      transform: translateX(5px);
    }
    70% {
      transform: translateX(-2px);
    }
    100% {
      transform: translateX(0);
    }
  }
  

  @keyframes pulsate1 {
    0% {
      opacity: 1;
      border: 1px solid rgba(255, 255, 255, .75);
      box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
    }
    100% {
      opacity: .5;
      box-shadow: none;
    }
  }