Layerslider: Disabling animation on specific layer

Hello,

I need to disable animation completely on one of the layers in my Layerslider because I need to apply a CSS transition effect on a “Call To Action” button on :hover and :active states. ( transition: opacity 0.4s ease-in-out )

I have done some testing and have found the initial transition effect for the layer is voiding the CSS that I have applied via a class. So I was wondering if there is any way to turn off Layer animation completely on 1 layer so I am able to apply my transition? Or better yet, is there a way where I can use both css transitions? Fade in + :hover :active states

Here is the CSS I am using for the “image” button. (It works outside of Layerslider)

.slider-cta {
opacity: 1;filter: alpha(opacity=100); 
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}

.slider-cta:hover {
opacity: 0.95; filter: alpha(opacity=950);
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}

.slider-cta:active {
opacity: 0.7; filter: alpha(opacity=700); 
}

I have already reached out to the dev of Layerslider but I am also posting it here for good measure.

Thanks