.menu
background-color: #ee7788
border-right: 8px solid #772131
box-sizing: border-box
color: $white
max-width: $frame-width + 25
z-index: 4
.menu__button
background-color: #ee7788
border: 8px solid #772131
border-bottom-right-radius: 50%
border-left-color: #ee7788
border-top-color: #ee7788
cursor: pointer
left: 0px
margin: -8px -8px 0
padding: 25px 15px
position: absolute
top: 0px
transition: .3s
z-index: 4
.menu__button_hidden
transform: translateY(-100%)
.menu__button_bottom
bottom: 0
top: initial
transform: translateY(8px) rotateY(180deg) rotateZ(180deg)
.menu__button_bottom.menu__button_hidden
transform: translateY(100%) rotateY(180deg) rotateZ(180deg)