.scroll-down-button .wrapper .bar::after,.scroll-down-button .wrapper .bar::before{content:'';position:absolute;width:100%;background-color:var(--scrollDownColor);transition:.3s ease-in-out}.scroll-down-button{position:relative;z-index:2;transition:opacity .3s ease-in-out}.scroll-down-button .wrapper{position:absolute;bottom:9.11458vw;right:2.08333vw;cursor:pointer}.scroll-down-button .wrapper .text{display:flex;font-size:.70312vw;font-weight:500;color:#fff}.scroll-down-button .wrapper .bar{width:.3125vw;height:13.02083vw;position:absolute;top:3.22917vw;background-color:#d1cdd2}.scroll-down-button .wrapper .bar::before{top:-1.5625vw;height:.3125vw;animation-name:scrollDownButtonDotDesk;animation-duration:2s;animation-iteration-count:infinite}@media(orientation:portrait),(max-width:768px){.scroll-down-button .wrapper{bottom:22.66667vw;right:4.26667vw}.scroll-down-button .wrapper .text{display:none;font-size:0}.scroll-down-button .wrapper .bar{width:1.33333vw;height:45.33333vw;top:0}.scroll-down-button .wrapper .bar::before{top:-8vw;height:1.6vw;animation-name:scrollDownButtonDotMobile}}.scroll-down-button .wrapper .bar::after{top:0;height:50%}.scroll-down-button.active .wrapper .bar::before{background-color:#d1cdd2}.scroll-down-button.active .wrapper .bar::after{transform:translateY(100%)}.scroll-down-button.invisible{opacity:0;pointer-events:none}@keyframes scrollDownButtonDotDesk{from,to{transform:translateY(0)}50%{transform:translateY(1.5625vw)}}@keyframes scrollDownButtonDotMobile{from,to{transform:translateY(0)}50%{transform:translateY(8vw)}}