.side-icons-block{--side-icons-block-width:50px;--side-icons-block-hover-width:75px;--side-icons-block-diff-hover-width:calc(var(--side-icons-block-hover-width) - var(--side-icons-block-width));width:var(--side-icons-block-width);height:0;position:fixed;right:0;top:45vh;transition:300ms;z-index:100}.side-icons-block>.content>.side-icon-item{width:var(--side-icons-block-width);height:auto;background-color:white;position:relative;top:0;right:0;margin-top:5px;margin-bottom:5px;box-shadow:-1px 0 20px 1px rgba(0,0,0,0.48);-webkit-box-shadow:-1px 0 20px 1px rgba(0,0,0,0.48);-moz-box-shadow:-1px 0 20px 1px rgba(0,0,0,0.48);transition:300ms}.side-icons-block>.content>.side-icon-item:hover{width:var(--side-icons-block-hover-width);top:0;right:var(--side-icons-block-diff-hover-width)}