/* FINAL floating buttons: smaller size + clear gap */
.star2-new-booking-btn{
    width:62px !important;
    height:62px !important;
    right:22px !important;
    bottom:158px !important;
    border-radius:50% !important;
}

.star2-new-booking-btn span,
.star2-new-booking-btn::after{
    font-size:15px !important;
    line-height:1.1 !important;
}

.star2-online-chat,
.online-chat-btn,
.float-chat,
.floating-chat,
.floating-actions a:not(.star2-new-booking-btn),
.float-actions a:not(.star2-new-booking-btn),
.side-actions a:not(.star2-new-booking-btn),
.quick-actions a:not(.star2-new-booking-btn){
    width:62px !important;
    height:62px !important;
    right:22px !important;
    bottom:74px !important;
    border-radius:50% !important;
    font-size:13px !important;
    line-height:1.15 !important;
}

/* make inner icon/text fit smaller button */
.star2-online-chat *,
.online-chat-btn *,
.float-chat *,
.floating-chat *{
    transform:scale(.9);
    transform-origin:center;
}

@media (max-width:768px){
    .star2-new-booking-btn{
        width:58px !important;
        height:58px !important;
        right:16px !important;
        bottom:150px !important;
    }

    .star2-new-booking-btn span,
    .star2-new-booking-btn::after{
        font-size:14px !important;
    }

    .star2-online-chat,
    .online-chat-btn,
    .float-chat,
    .floating-chat,
    .floating-actions a:not(.star2-new-booking-btn),
    .float-actions a:not(.star2-new-booking-btn),
    .side-actions a:not(.star2-new-booking-btn),
    .quick-actions a:not(.star2-new-booking-btn){
        width:58px !important;
        height:58px !important;
        right:16px !important;
        bottom:76px !important;
        font-size:12px !important;
    }
}