.mcta{
  display:none;
}

@media (max-width: 700px){
  .mcta{
    display:flex;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:50;
    background:rgba(11,18,32,.94);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-top:1px solid var(--rh-line);
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    gap:10px;
    align-items:center;
    transform:translateY(0);
    transition:transform .28s cubic-bezier(.22,1,.36,1), opacity .28s ease;
  }

  .mcta.is-hidden{
    transform:translateY(120%);
    opacity:0;
    pointer-events:none;
  }

  .mcta__call{
    flex:none;
    width:46px;
    height:46px;
    border-radius:12px;
    border:1px solid var(--rh-line2);
    display:grid;
    place-items:center;
    color:var(--rh-blue2);
    background:rgba(255,255,255,.05);
  }

  .mcta__btn{
    flex:1;
    padding:13px 14px;
    font-size:.9375rem;
    white-space:normal;
  }

  body{
    padding-bottom:calc(66px + env(safe-area-inset-bottom));
  }
}