#shopmenu{background-color:transparent;display:block;position:fixed;top:300px;right:0;height:100px;width:48px;overflow:visible;}
#shopmenu > .shopmenubtn{background-color:var(--color-default-btn-bg);position:absolute;display:block;left:0;height:48px;width:210px;transition:transform 500ms;line-height: 48px;}
#shopmenu > .shopmenubtn::before{content:"\e3fa";font-family:boschicon;width:34px; height:34px;font-size:34px;color:#fff;margin:5px 10px 5px 6px;vertical-align: middle;display: inline-block;line-height: 30px;}
#shopmenu > .shopmenubtn > span{color:#fff;cursor:pointer}
#shopmenu > .shopmenubtn:hover{transform:translateX(-160px);}

#shopmenu > .shopcallbtn{background-color:var(--color-default-btn-bg);position:absolute;display:block;left:0;top:50px;height:48px;width:210px;transition:transform 500ms;line-height: 48px;}
#shopmenu > .shopcallbtn::before{content:"\e0cb";font-family:boschicon;width:34px; height:34px;font-size:34px;color:#fff;margin:5px 10px 5px 6px;vertical-align: middle;display: inline-block;line-height: 30px;}
#shopmenu > .shopcallbtn > span{color:#fff;cursor:pointer;}
#shopmenu > .shopcallbtn > span > a{color:#fff;cursor:pointer}
#shopmenu > .shopcallbtn:hover{transform:translateX(-100px);}