button">); pun regula pe ambele variante (selector direct și .elementor-button-text din interior) fiindcă structura Elementor pentru butoane uneori înfășoară textul într-un span separat — una din cele două va prinde sigur.

Metoda 3 (fundal întunecat fix + blur) — aici, fiindcă butonul chiar n-are fundal propriu setat din Style tab, regula ta din Custom CSS devine singura sursă de fundal, deci o pui complet:

selector {
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  color: #ffffff;
}

Cu asta, butonul capătă un fundal întunecat semi-transparent (nu mai e „fără fundal”, dar rămâne translucid/sticlos), iar textul alb are contrast garantat, indiferent ce e dedesubt.

Recomandarea mea pentru cazul tău exact: din capturi, văd că butonul („Dă clic aici”) deja are o formă de tip „pastilă” cu colțuri rotunjite și un fundal semi-transparent — deci de fapt are deja un fundal (fie din Elementor, fie din alt CSS anterior), doar că e prea deschis peste imaginea închisă. În acest caz, cea mai curată soluție nu e neapărat text-shadow, ci ajustarea acelui fundal existent spre Metoda 1/3 (mai închis, nu mai alb) — altfel riști să suprapui două fundaluri (cel vechi + cel nou din selector) și rezultatul să arate ciudat, dublu-stratificat.

Verifică întâi: deschide acel buton în Elementor → Style tab → Background — ce tip e setat acolo (Classic cu o culoare, sau None)? Spune-mi ce găsești, ca să știu sigur dacă adaug metoda 3 peste ceva deja existent sau de la zero.