.rpi .rpi-badge-line {
    display: none !important;
}

.rpi-badge {
    border-radius: 50px;
}


.rpi .rpi-badge-body.rpi-badge-clickable {
    cursor: pointer;
    user-select: none;
    background: transparent;
    padding: 10px;
    border-radius: 50px;
    padding: 10px 20px 10px 10px;
}

.rpi .rpi-badge {
    background: #eff6ff;
    background: linear-gradient(-45deg, #fff, #caf7ff, #fff, #caf7ff);
    background-size: 400% 400%;
    animation: mymove 6s ease infinite;
    border-radius: 50px !important;
}

@keyframes mymove {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.rpi .rpi-badge-body.rpi-badge-clickable,
.rpi .rpi-badge-body.rpi-badge-clickable:hover {
    background: transparent !important;
}

.rpi-badge .rpi-logo-google::before {
    background-size: 35px;
}

.rpi-badge .rpi-logo-google::before {
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.rpi-badge .rpi-logo-google .rpi-logo {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    position: relative;
}

.rpi-badge .rpi-logo-google.rpi-logo:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 44px;
    height: 44px;
    border: 3px solid #57d6ed;
    border-radius: 50%;
    left: 10px;
    top: 13px;
    margin: 0;
}

.rpi-name {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.rpi-based {
    font-size: 11px !important;
    color: #000;
}

.rpi-stars {
    font-size: 13px;
}

.rpi .rpi-badge-left {
    left: var(--badge-side);
    border-radius: 50px;
}

.rpi .rpi-badge-left {
    left: 10px !important;
    bottom: 10px !important;
}




@media screen and (max-width: 575.99px) {
    .rpi-badge {
        scale: 100%;
        left: 0;
        bottom: 0;
    }

    .rpi .rpi-badge-left {
        left: 0 !important;
        bottom: 0 !important;
    }

    .rpi .rpi-badge {
        border-radius: 0 !important;
    }

    .rpi-badge-cnt.rpi-badge-left {
        width: 100%;
    }

    .rpi .rpi-badge {
        background: url(../images/svg/review-rating-plus-icon.png) no-repeat right 10px top 22px #caf7ff !important;
    }

    .rpi .rpi-badge>.rpi-x {
        opacity: 1 !important;
        border: 1px solid #ccc;
        z-index: 2147482999;
        transition: opacity .2s ease-in-out;
        right: 14px !important;
    }

}