.abdal-wa-float-class {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50%;
    display: flex;              /* enables flexbox */
    justify-content: center;    /* centers horizontally */
    align-items: center;        /* centers vertically */
    z-index: 100;
    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.2),      /* soft main shadow */
        0 6px 20px rgba(0, 0, 0, 0.19);    /* diffused background shadow */
    transition: all 0.3s ease;              /* smooth hover effect */
}

.abdal-wa-float-bt {
    font-size: 42px; /* make the icon bigger */
    line-height: 1;  /* remove extra vertical spacing */
}
