#up {
display: none;
position: fixed;
bottom: 24px;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
width: 46px;
height: 46px;
z-index: 9999;
outline: none;
overflow: hidden;
border-radius: 50%;
box-shadow: 0px 0px 12px 0px rgba(0,0,0,.5);
}
#up:focus {
outline: none;
}
<div id="up">
<svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="COMMON/circle_arrow_up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="Oval" fill="#FFFFFF" transform="translate(23.000000, 23.000000) rotate(-180.000000) translate(-23.000000, -23.000000) " cx="23" cy="23" r="23"></circle>
<polygon id="arrow_20" fill="#000000" transform="translate(23.000000, 23.000000) scale(-1, 1) rotate(-90.000000) translate(-23.000000, -23.000000) " points="21.809 11 32.48 21.5 8 21.5 8 24.5 32.48 24.5 21.8105 35 25.985 35 38 23.0165 25.9835 11"></polygon>
</g>
</svg>
</div>
section.menu__block .left__menu .filter__dropdown label input::-moz-placeholder {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: normal;
letter-spacing: 0.5px;
color: #828282;
padding-top: 10px;
}