.u_scrollButton{background:#222;border-radius:100%;bottom:5rem;display:block;height:9rem;left:5rem;opacity:1;position:fixed;width:9rem;z-index:8}@media screen and (max-width:1280px){.u_scrollButton{width:7.03125vw}}@media screen and (max-width:896px){.u_scrollButton{width:8.9285714286vw}}@media screen and (max-width:1280px){.u_scrollButton{height:7.03125vw}}@media screen and (max-width:896px){.u_scrollButton{height:8.9285714286vw}}@media screen and (max-width:1280px){.u_scrollButton{left:3.90625vw}}@media screen and (max-width:896px){.u_scrollButton{left:6.6964285714vw}}@media screen and (max-width:1280px){.u_scrollButton{bottom:3.90625vw}}@media screen and (max-width:896px){.u_scrollButton{bottom:4.4642857143vw}}.u_scrollButton span{display:block;height:100%;position:relative;width:100%}.u_scrollButton span i{display:block}.u_scrollButton-triangle{transition:1s cubic-bezier(.165,.84,.44,1)}.u_scrollButton-triangle:after{border:0;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";height:.7rem;position:absolute;transform:translateY(-50%) translate(-50%) rotate(45deg);width:.7rem}@media screen and (max-width:1280px){.u_scrollButton-triangle:after{width:.546875vw}}@media screen and (max-width:896px){.u_scrollButton-triangle:after{width:1.5625vw}}@media screen and (max-width:1280px){.u_scrollButton-triangle:after{height:.546875vw}}@media screen and (max-width:896px){.u_scrollButton-triangle:after{height:1.5625vw}}.u_scrollButton-triangle.__off{opacity:1}.u_scrollButton-triangle.__on{opacity:0;transform:translateY(-20px) translate(0)}.u_scrollButton:hover .u_scrollButton-triangle.__off{opacity:0;transform:translateY(20px) translate(0)}.u_scrollButton:hover .u_scrollButton-triangle.__on{opacity:1;transform:translateY(0) translate(0)}