/* الكونتينر */
.sfa-container{
    background: <?php echo $bg; ?>;
    border-radius: <?php echo $radius; ?>px 0 0 <?php echo $radius; ?>px;
    overflow: hidden;
}

/* الأزرار */
.sfa-btn{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
    position: relative;
}

/* 👇 الهوفر الداخلي بدل ما يكبر بره */
.sfa-btn::before{
    content: "";
    position: absolute;
    inset: 0;
    background: <?php echo $hover; ?>;
    opacity: 0;
    transition: 0.25s;
    z-index: 0;
}

/* تفعيل الهوفر */
.sfa-btn:hover::before{
    opacity: 1;
}

/* الأيقونة فوق */
.sfa-btn img{
    position: relative;
    z-index: 1;
    width: <?php echo $icon_size; ?>px;
    height: <?php echo $icon_size; ?>px;
    transition: 0.2s;
}

/* لون الأيقونة */
.sfa-btn:hover img{
    filter: brightness(0) invert(1);
}