CSS Restringir Efeito CSS no Wordpress

bsll · 2 de julho de 2020

Fala, pessoal!

Coquei um efeito em um título com link só que no hover o efeito vai até o outro lado da página. Gostaria que ele fosse até o fim do título apenas.

Estou usando o Wordpress com Elementor PRO. Criei uma classe pro título e coloquei o CSS.

Alguém poderia me dar uma mão?

.elementor-heading-title a { /*tentei isso mas não rolou*/
    display: inline-block;    
}
.link {
    bottom: 60px;
    left: 135px;
}    
.link:before {
  display: block;
  margin: 1px 25px 0 0;
  position: absolute;
  top: 50%;
  right: 100%;
  left: -135px;
  height: 1px;
  background: #2f2f2f;
  content: '';
  -moz-transition: background 0.1s ease 0.2s, right 0.3s cubic-bezier(1, 0, 0, 1) 0s, margin-right 0.3s cubic-bezier(1, 0, 0, 1) 0s;
  -o-transition: background 0.1s ease 0.2s, right 0.3s cubic-bezier(1, 0, 0, 1) 0s, margin-right 0.3s cubic-bezier(1, 0, 0, 1) 0s;
  -webkit-transition: background 0.1s ease, right 0.3s cubic-bezier(1, 0, 0, 1), margin-right 0.3s cubic-bezier(1, 0, 0, 1);
  -webkit-transition-delay: 0.2s, 0s, 0s;
  transition: background 0.1s ease 0.2s, right 0.3s cubic-bezier(1, 0, 0, 1) 0s, margin-right 0.3s cubic-bezier(1, 0, 0, 1) 0s;
}
.link:after {
  display: block;
  position: absolute;
  bottom: -2px;
  right: -2px;
  left: -2px;
  height: 1px;
  background: #fafafa;
  content: '';
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transition: -moz-transform 0.3s cubic-bezier(1, 0, 0, 1);
  -o-transition: -o-transform 0.3s cubic-bezier(1, 0, 0, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
}
.link:hover:before {
  margin-right: 0;
  right: -2px;
  background: #fafafa;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}