Как уменьшить размер hover-эффекта на кнопке с анимацией?

Question

[Иван Федоров]

Вот ссылка https://jsfiddle.net/yazmj35s/ При наведении hover должен срабатывать на зеленом поле, но курсор меняется по
границе анимации. И еще один момент, но это вторично: как сделать, чтобы эффект анимации был виден только на самой кнопке, а вне ее скрывался? На простой страничке я это сделал без проблем(https://jsfiddle.net/nikstorm/gwdv99s8/), но тут готовый сайт на битриксе, не получается.

Answer 1

[Андрей Б.]

overflow: hidden;
position: relative;

для ссылки https://jsfiddle.net/yazmj35s/5/

Comments

[Иван Федоров]

На целевом сайте анимация в этом случае вообще пропадает.

[Андрей Б.]

Иван Федоров тогда ссылку на сайт, я не Ванга

[Иван Федоров]

Андрей Б.: Разобрался, relative просто сдвигал анимацию на белый фон. Спасибо!