.group:not(:hover) svg{animation:spin-pause .5s ease-out forwards}@keyframes spin-pause{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.hour-hand,.minute-hand{transform-origin:50% 50%;transition:transform 1s ease-in-out}#clock-container:hover .hour-hand{transform:rotate(85deg)}#clock-container:hover .minute-hand{transform:rotate(45deg)}.hour-hand{transform:rotate(135deg)}.minute-hand{transform:rotate(180deg)}