@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
.XS_fixed_menu {
   right: 0px;
   top: 25%;
   position: fixed;
   z-index: 1002;
}
.XS_fixed_menu .list{
   display: flex;
   flex-direction: column;
   background-color: #B82921;
   border-radius: 4px 0px 0px 4px;
}
.XS_fixed_menu .list .item{
   border: 1px solid rgba(255, 255, 255, 0.25);
   transition: all .3s;
}
.XS_fixed_menu .list .item a{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.XS_fixed_menu .list .item:first-child{
   border-radius: 4px 0px 0px 0px;
}
.XS_fixed_menu .list .item:last-child{
   border-radius: 0px 0px 0px 4px;
}
.XS_fixed_menu .list .item a svg{
   margin-top: 8px;
   display: block;
   transition: all .3s;
}
.XS_fixed_menu .list .item a span{
   color: #FFF;
   text-align: center;
   font-family: 'Inter';
   font-size: 10px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   max-width: 80px;
   margin: 5px 0;
   transition: all .3s;
}
.XS_fixed_menu .list .item:hover{
   background-color: white;
   border: 1px solid #B82921;
}
.XS_fixed_menu .list .item:hover a svg path{
   fill: #B82921;
}
.XS_fixed_menu .list .item:hover a svg.stroke path{
   stroke: #B82921;
}
.XS_fixed_menu .list .item:hover a span{
   color: #B82921;
}
@media screen and ( max-width:768px ) {
   .XS_fixed_menu .list .item a span{
      display: none;
   }
   .XS_fixed_menu .list .item a svg{
      margin: 6px;
   }
}