#mobile-sidebar { position: fixed; top:0; left:-100vw; width:100vw; height:100vh; transition: left 0.2s; padding: 1rem; overflow: scroll; &.shown { left:0; } @include sm() { display:none; } } .menu-button { position:fixed; bottom: 24px; right: 24px; background-color:rgba(0,0,0,0.2); color:$color-font-light; padding:0.75em; border:none; font-size:1.2rem; display:flex; align-content: center; justify-content: center; aspect-ratio: 1; border-radius:999px; &:hover { background-color:$color-primary; } @include sm() { display: none; } }