.btn--group__mobile{
    z-index: calc(var(--z-header) - 10);
    opacity: 0;
    transition: opacity .3s ease-in;

         &.is-visible{
            opacity: 1;
        
      }

      position: fixed;
      bottom: 0;
      left: 0;
      width: 100vw;
      height: calc(var(--h-block) * 3);
      padding: calc(var(--spacing) * 0.75) var(--padding-body);
    //   padding-top: var(--spacing);
      background-color: var(--color-bg);
      background: linear-gradient(0deg,
          var(--color-bg) 0%,
          var(--color-bg) 75%,
          transparent 100%);

        //   background-color: yellow;
    
        display: flex;
        align-items: flex-end;
        gap: var(--padding-inner);
      button, .dropdown{
        flex-grow: 1;
        width: 100%;
      }

 

  
      
}


@media #{$small-up}{
    .btn--group__mobile{
        display: none;
        opacity: 0!important;
        
    }
}