Responsive issue in Elementor

Question

I used elementor to add these buttons, and they only appear when you hover over them. I also used CSS. The problem is that it works great on all devices except the latest iPad models, which may be due to the larger screen size. What should I do now? ise this code using class name :

@media only screen and (min-width: 1366px) and (orientation: landscape) {
.bthv{
opacity:0 !important;
transition-duration:0.75s !important;}
.bthv:hover{
opacity:1 !important;
}};