Elementor Pulse Efekti Sorunu

Herkese Merhabalar,

Sitede bir kutu çevresine box-shadow ile pulse efekti vermek istedim ama css kodlarını yazdığım zaman bütün kutu oynuyor. Yapmak istediğim işlemin örneği aşağıdaki linkte mevcuttur.

https://www.florin-pop.com/blog/2019/03/css-pulse-effect/

Sitede elementor eklentisi kullanıyorum ve ne yaptıysam bir türlü linkte ki gibi çalıştıramadım efekti. Elementor eklentisi ile bu efekti kullanan var mı veya nasıl çözebileceğimi bilen varsa yardımcı olabilir misiniz?

Şimdiden çok teşekkürler.

Bizde denedik bu paylaştığınız linkteki kod ile yapmayı fakat çalışmadı. Kodu biraz düzenledik.

selector {
  box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
  -webkit-animation: pulse 1.5s infinite;
}
selector:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
  }
    100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
  }
}

Fakat bu da arka plana shadow atmıyor Local'de çalıştığımızda kod çalışıyor fakat elementor'da bana mısın demiyor. Siz bu koddan gitmeye devam edin olmadı

Burada da kutunun tamamı büyüyüp küçülüyor, tıpkı benim denediklerimde olduğu gibi
Sanırım elementorun kendi içinde olan pulse efektinden dolayı bir çakışma oluyor.

Çözerseniz buraya da yazarsanız seviniriz biz de öğrenmiş oluruz