.scroll-circle{position:relative;display:inline-block}.scroll-circle:after{color:rgb(0,0,0);content:"\02193";font-size:40px;position:absolute;top:50%;margin-top:-28px;left:50%;margin-left:-10px;animation:arrow-bounce .5s ease-out infinite alternate}.circle{height:124px;width:124px}.background{fill:transparent;stroke:rgba(255,255,255,.1);transition:all .2s ease}.foreground{fill:transparent;stroke:#000000;stroke-dasharray:377;stroke-dashoffset:377;transform-origin:50% 50%;transform:rotate(-90deg);transition:all .8s ease}.scroll-circle:hover .foreground{stroke-dashoffset:0;transform:rotate(90deg)}@keyframes arrow-bounce{0%{transform:translateY(2px)}to{transform:translateY(-4px)}}