#booking-widget{position:fixed;top:50%;left:0;}
#booking-widget.hidden{transform:translateY(-50%) translateX(-100%);}
#booking-widget.opened{transform:translateY(-50%) translateX(0);}
#booking-widget.closed{transform:translateY(-50%) translateX(calc(-100% + 100px));}
#booking-widget{padding-left:16px;background:#FF9621;z-index:3;font-family:'Comfortaa';transition:transform .5s ease;transform:translateY(0%) translateX(0)}
#label-book-now,#arrow-book-now{transition: transform .5s ease;animation-duration:2s;animation-iteration-count:infinite}
        
.animation-pulse{animation-name:pulse}
.animation-swing{animation-name:swing}

@keyframes pulse{
    0%{transform:scale(1)}
    12.5%{transform:scale(1)}
    25%{transform:scale(1.2)}
    37.5%{transform:scale(1)}
    50%{transform:scale(1.2)}
    62.5%{transform:scale(1)}
    75%{transform:scale(1)}
    87.5%{transform:scale(1)}
    100%{transform:scale(1)}
}



@keyframes swing{
    0%{transform:translateX(0px)}
    12.5%{transform:translateX(0px)}
    25%{transform:translateX(0)}
    37.5%{transform:translateX(0px)}
    50%{transform:translateX(0)}
    62.5%{transform:translateX(10px)}
    75%{transform:translateX(0px)}
    87.5%{transform:translateX(10px)}
    100%{transform:translateX(0px)}
}