#action-buttons{
   display:none
}

@media (max-width: 350px) {
   #action-buttons .sub-actions a span{
       display:none
   }
}
@media (max-width: 767.98px) {
   .action-buttons__hidden{
       display:none!important
   }
   #action-buttons{
       display:block;
       position:fixed;
       bottom:-2px;
       width:100%;
       z-index:99999
   }
   #action-buttons .background{
       display:-webkit-box;
       display:flex;
       -webkit-box-pack:center;
       justify-content:center;
       overflow:hidden
   }
   #action-buttons .background img{
       -webkit-filter:drop-shadow(0 4px 5px rgb(0 0 0 / 7%));
       filter:drop-shadow(0 4px 5px rgb(0 0 0 / 7%));
       max-width:inherit
   }
   #action-buttons .main-action{
       position:fixed;
       bottom:17px;
       left:50%;
       -webkit-transform:translate(-50%);
       transform:translate(-50%);
       z-index:1
   }
   #action-buttons .main-action__center{
       width:67px;
       height:67px;
       -webkit-box-pack:center;
       justify-content:center;
       -webkit-box-align:center;
       align-items:center;
       border-radius:100px;
       display:-webkit-box;
       display:flex;
       background-color:#fff;
       box-shadow:0 0 9px 0 #0000000d
   }
   #action-buttons a.main-action__center img{
       width:45%
   }
   #action-buttons .sub-actions{

       width:100%;
       /* display:grid; */
       /* grid-template-columns:repeat(2,1fr); */
       /* grid-gap:35px; */
       height:50px;
       position:fixed;
       bottom:0;
       left:0
   }
   #action-buttons .sub-actions div{
     float: left;
     width: 100%;
     display: inline-block;
   }

   #action-buttons .sub-actions a{
      display: flex;
       font-family:Arial,sans-serif;
       text-decoration:none;
       -webkit-box-align:center;
       align-items:center;
       padding:10px 0;
       width:20%;
       color:#000;
       -webkit-box-pack:center;
       justify-content:center;
       box-shadow:0 -5px 5px -5px rgb(0 0 0 / 8%)
   }
   #action-buttons .sub-actions a.left{
     float: left;
   }
   #action-buttons .sub-actions a.right{
     float: right;
   }
   #action-buttons .sub-actions a img{
       height:30px;
       margin:0 10px
   }
}


#action-buttons .phone{
    background:#cf3010;

    width:67px;
    height:67px;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;
    border-radius:100px;
    display:-webkit-box;
    display:flex
}