@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


.img-donguler
{
    position: relative;
    width: 174px;
    height: 33px;
    /*margin: 10px;*/
    /*margin: 10px;*/
    margin: 10px 10px 10px 0;
    background: transparent;
}

    .img-donguler .dongu
    {
        z-index: 1;
        position: absolute;
        width: 100%;
        clip-path: circle(0% at 0 50%);
    }

        .img-donguler .dongu.activem
        {
            clip-path: circle(150% at 0 50%);
            transition: 2s;
            transition-property: clip-path;
        }

        .img-donguler .dongu img
        {
            z-index: 1;
            width: 100%;
            border-radius: 5px;
        }

@media (max-width: 820px)
{
    .img-donguler
    {
        width: 135px;
        height: 30px;
    }
}

@media (max-width: 620px)
{
    .img-donguler
    {
        width: 135px;
        height: 30px;
    }
}

@media (max-width: 420px)
{
    .img-donguler
    {
        width: 135px;
        height: 30px;
    }
}