*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

:root {
        --hmp-color-75:#248392 ;
    --hmp-color-50: #28b9cf;
    --hmp-color-25: #95e5f2;

}
/* .fixed-main-button-sunita img{
    width: 100%;
    height: 100%;
}
.fixed-main-button-sunita img:hover{
    z-index: 999;
    position: absolute;
} */

.fixed-main-button-sunita{

       display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    text-shadow: 1px 0 0 gray;

    background-image: linear-gradient(210deg, var(--hmp-color-5) 0, var(--hmp-color-25) 100%);

    background-color: var(--color2);

    transition: 0.25s;

    box-shadow: 0 7px 13px -3px var(--hmp-color-25), 0 2px 4px 0 var(--hmp-color-50), inset 0 0 0 0 var(--hmp-color);

    position: fixed;

    z-index: 15;

    right: 30px;

    bottom: 30px;

background-color: white;
    border: 1px solid gray;

}

.fixed-main-button-sunita::before{

    content: "";

    position: absolute;

    z-index: 1;

    right: 0;

    width: 100%;

    height: 100%;

    bottom: 0;

    /* background: var(--background-color1); */
    background:linear-gradient(var(--background-color11));


    border-radius: 50%;

    transform: scale(0);

    transition-property: transform;

    transition-duration: 0.25s;

    transition-timing-function: 

ease-out;

cursor: pointer;

}

.fixed-main-button-sunita:hover:before{

transform: scale(1);

}

.fixed-main-button-sunita svg{

    width: 16.66667px;

    height: 16.66667px;

    z-index: 2;

}

.fixed-main-button-sunita:hover svg{

    transform: scale(1.1);

    fill: var(--color2 );

}

.fixed-main-button-sunita:hover{

    animation:fixeds 4s linear infinite ;

}

@keyframes fixeds{

    /* 0%{

  box-shadow: rgba(61, 83, 235, 0.043) 0px 0px 0px 14.0533px, rgba(61, 83, 235, 0.03) 0px 0px 0px 28.1657px, rgba(61, 83, 235, 0.016) 0px 0px 0px 42.2781px;

    }

     100%{

  box-shadow: rgba(13, 27, 119, 0.043) , rgba(7, 18, 91, 0.03), rgba(2, 10, 61, 0.911);

    } */
     0% {
    box-shadow: 0 0 0 -1px var(--hmp-color-75), 0 0 0 -1px var(--hmp-color-50), 0 0 0 -1px var(--hmp-color-25);
}

100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0), 0 0 0 45px rgba(255, 255, 255, 0);
}

}