footer{width:100%;padding:clamp(40px, 7vw, 64px) 48px calc(env(safe-area-inset-bottom) + 32px);background:var(--bg);color:var(--white);text-align:center;z-index:var(--z-sticky);flex-shrink:0;position:relative}footer:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#ffffff0d 100%);position:absolute;inset:0}@media (width<=600px){footer{padding:40px 16px calc(env(safe-area-inset-bottom) + 24px)}}