اعمال کد css در ios

سلام
من یک کد css توی سایتم که با المنتور طراحی کردم گذاشتم و این که این کد توی سیستم اندروید کار میکنه ولی در ios کار نمیکه
ممنون میشم کمکم کنید . کد :

selector .content-area{
    --hover-box-width: 150px;
}
selector .content-area,.content-area .elementor-icon,.icon-section{
    transition: all 0.5s !important;
}
selector .content-area:hover .icon-section{
    height: var(--hover-box-width);
    width:  var(--hover-box-width);
   right: calc(-1*(var(--hover-box-width)/2)) !important;
    top: calc(50% - var(--hover-box-width)/2) !important;
}
selector .content-area:hover .elementor-icon{
    font-size: 50px !important;
}
selector .icon-section{
    backdrop-filter: blur(20px);
    height: calc(100% - 40px);
    width:  calc(100% - 40px);
}   

/*RESPONSIVE*/
@media (max-width: 767px){
    selector .content-area{
        max-width: 300px;
    }
    selector .icon-section{
        height:60%;
        }
    selector .content-area:hover .icon-section{
        top: -50px !important;
        height: auto;
            width:  calc(100% - 40px);
        right: 20px !important;
    }
    selector .content-area:hover .elementor-icon{
        font-size: 75px !important;
    }
}