.rrf-box {
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    top: auto !important;
    z-index: 99999 !important;

    width: 212px !important;
    max-width: calc(100vw - 40px) !important;

    animation: rrf-box-float 2.5s ease-in-out infinite;
}

.rrf-box a {
    display: block;
}

.rrf-box img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

@keyframes rrf-box-float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

    100% {
        transform: translateY(0);
    }
}

/* tablet */
@media (max-width: 991.98px) {
    .rrf-box {
        left: 15px !important;
        bottom: 15px !important;
        width: 190px !important;
        max-width: calc(100vw - 30px) !important;
    }
}

/* mobil */
@media (max-width: 575.98px) {
    .rrf-box {
        left: 10px !important;
        bottom: 10px !important;
        width: 160px !important;
        max-width: calc(100vw - 20px) !important;
    }
}