.fixed-element {
    position: fixed;
    bottom: 57px;
    z-index: 999;
}

.whatsapp_float {
    @extend .fixed-element;
    right: 20px;
}

.rbi_logo {
    @extend .fixed-element;
    left: 20px;
}

@media (max-width: 768px) {
    .fixed-element {
        bottom: 45px;
    }

    .whatsapp_float {
        right: 15px;

        .whatsapp_float_button {
            width: 55px;
        }
    }

    .rbi_logo {
        left: 15px;

        .rbi_img {
            width: 65%;
        }
    }
}

@media (max-width: 480px) {
    .fixed-element {
        bottom: 35px;
    }

    .whatsapp_float {
        right: 10px;

        .whatsapp_float_button {
            width: 45px;
        }
    }

    .rbi_logo {
        left: 10px;

        .rbi_img {
            width: 50%;
        }
    }
}