.animated-arrow{position:relative;width:53px;height:53px;border-radius:50%;background:white;color:black;border:2px solid #d1d1d1;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;z-index:1}.animated-arrow.next:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:conic-gradient(#8ec24d 0deg,transparent 0deg 1turn);border-radius:50%;z-index:-1;animation:fill-ring 3s linear infinite}@keyframes fill-ring{0%{background:conic-gradient(#8ec24d 0deg,transparent 0deg 1turn)}to{background:conic-gradient(#8ec24d 1turn,transparent 1turn 1turn)}}.animated-arrow:hover{background-color:#8ec24d;color:white}