@media(max-width:900px){
  #eduqueFooterNav{
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,246,255,.90) 52%,rgba(202,228,255,.72))!important;
    border-color:rgba(255,255,255,.88)!important;
    transform:translate3d(0,-3px,0) perspective(900px) rotateX(1deg)!important;
    transform-origin:center bottom!important;
    transform-style:preserve-3d!important;
    box-shadow:0 2px 0 rgba(7,61,139,.42),0 8px 0 rgba(3,33,91,.16),0 26px 62px rgba(2,28,77,.38),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,19,62,.20)!important;
    backdrop-filter:blur(24px) saturate(175%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(175%)!important;
  }
  #eduqueFooterNav::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(120deg,rgba(255,255,255,.58),transparent 28%,rgba(91,188,255,.12) 66%,rgba(255,255,255,.34)),radial-gradient(circle at 18% 0,rgba(155,226,255,.26),transparent 42%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);
  }
  #eduqueFooterNav>button{
    color:rgba(39,65,104,.84)!important;
    text-shadow:0 1px 2px rgba(255,255,255,.80);
    transform:translateZ(6px);
  }
  #eduqueFooterNav>button.active{
    color:#fff!important;
    background:linear-gradient(145deg,rgba(91,190,255,.74),rgba(13,83,190,.78))!important;
    transform:translateZ(12px)!important;
    box-shadow:0 10px 24px rgba(0,44,132,.34),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,25,78,.18)!important;
  }
  #eduqueFooterNav>button:not(.active):hover{background:rgba(255,255,255,.50)!important;color:var(--b)!important}
}